:root{--blue:#1636ed;--white:#fff;--muted:rgba(255,255,255,.8);--line:rgba(255,255,255,.2);--red:#ff4656;--space:64px;--mono:SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--radius:5px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--blue);color:var(--white);font-family:var(--sans);scroll-behavior:auto;font-variant-numeric:tabular-nums;line-break:strict}body{margin:0;background:var(--blue)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:default}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}button,a{transition:opacity .18s,background .18s,transform .18s}a:hover,.text-button:hover{opacity:.75}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}h1,h2,p{margin:0}::selection{color:var(--blue);background:white}.site-head{height:94px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:500;letter-spacing:.02em}.brand-name{display:flex;align-items:baseline;gap:14px}.brand-en{font-size:13px;font-weight:400;letter-spacing:.09em}.brand svg{width:28px;height:28px;fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round}.site-head nav{display:flex;gap:40px;font-size:15px}.site-head nav a{padding:10px 0;opacity:.75;position:relative}.site-head nav a.active{opacity:1}.site-head nav a.active:after{content:"";height:2px;background:white;position:absolute;bottom:0;left:0;right:0}.view:not(#home){padding:26px var(--space) 72px;min-height:calc(100vh - 94px)}
.hero{height:calc(100svh - 94px);min-height:700px;padding:35px var(--space) 60px;display:flex;flex-direction:column}.hero h1{font-size:56px;font-weight:400;letter-spacing:-.045em;line-height:1.3}.routing{position:relative;flex:1;min-height:360px;margin-top:16px}.network-svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.network-svg .route-path{fill:none;stroke:white;stroke-width:2.5;opacity:.38;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:opacity .3s,stroke-width .3s}.network-svg .route-path.active{stroke-width:6;opacity:1}.network-svg .route-path.failed{stroke:white;stroke-width:2.5;opacity:.42;stroke-dasharray:9 12}.network-svg .inlet{fill:none;stroke:white;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}.route-point{fill:white}.route-pivot{stroke:var(--blue);stroke-width:5;vector-effect:non-scaling-stroke;stroke-linecap:round}.endpoint{fill:var(--blue);stroke:white;stroke-width:2.5;vector-effect:non-scaling-stroke}.endpoint.active{fill:white}.endpoint.failed{fill:var(--red);stroke:white}.packet{fill:white;stroke:var(--blue);stroke-width:3;opacity:0;vector-effect:non-scaling-stroke}.request-label{position:absolute;left:0;top:45%;transform:translateY(-70px);display:flex;flex-direction:column;gap:9px}.request-label strong{font-size:19px;font-weight:500}.request-label span{font:13px var(--mono);color:var(--muted)}.routing-label{position:absolute;left:39%;top:50%;transform:translate(-50%,45px);font-size:14px;color:var(--muted)}.destination{position:absolute;left:78%;width:22%;padding-left:23px;transform:translateY(-50%);transition:transform .2s}.destination[data-slot="0"]{top:20%}.destination[data-slot="1"]{top:50%}.destination[data-slot="2"]{top:80%}.destination .role{font-size:13px;color:var(--muted);margin-bottom:8px}.destination strong{font-size:26px;font-weight:400;line-height:1.3;display:block;overflow-wrap:anywhere}.route-metric{position:absolute;left:78%;padding-left:23px;top:calc(20% + var(--slot)*30% + 29px);font:15px var(--mono);white-space:nowrap}.destination .metric{font:15px var(--mono);margin-top:10px;white-space:nowrap;min-height:20px}.destination .fault-message{color:white;font:14px var(--mono);margin-top:10px;min-height:20px}.destination.failed strong{text-decoration:line-through;text-decoration-thickness:1px;opacity:.85}.destination .metric:empty{display:none}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 23px;color:var(--blue);background:white;border-radius:var(--radius);font-size:16px;font-weight:500;min-height:54px}.primary:hover{background:rgba(255,255,255,.9)}.send{min-width:184px}.request-actions{display:flex;align-items:center;gap:34px}.scale{font-size:14px;color:var(--muted);white-space:nowrap}.strategy-section{padding:86px var(--space) 46px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.section-title h2,.connect-copy h2{font-size:36px;font-weight:400;letter-spacing:-.03em}.section-title a,.connect-copy a{font-size:16px}.strategy-row{display:grid;grid-template-columns:1.5fr 1.4fr 1fr .8fr;align-items:center;gap:20px;min-height:100px;border-top:1px solid var(--line);font-size:20px}.strategy-row:last-child{border-bottom:1px solid var(--line)}.strategy-row .money{font:29px var(--mono)}.strategy-row .latency{font:18px var(--mono);text-align:right}.quiet{font-size:14px;color:var(--muted);margin-top:25px}.connection-section{padding:0 var(--space) 90px;display:flex;flex-direction:column;gap:26px;align-items:stretch}.connection-graphic{height:150px}.connection-graphic svg{width:100%;height:100%;fill:none;stroke:white;stroke-width:3;overflow:visible}.merge-switch{fill:white;stroke:none}.connection-graphic .merge-pivot{stroke:var(--blue);stroke-width:5;stroke-linecap:round}.connect-copy{display:flex;align-items:center;justify-content:space-between;gap:24px}.connection-graphic circle{fill:white;stroke:none}.connect-copy p{font-size:17px;margin:22px 0 30px;color:var(--muted);line-height:1.7}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;margin:0 var(--space);padding:35px 0;border-top:1px solid var(--line);font-size:14px}footer span:nth-child(2){margin-right:auto;color:var(--muted)}
.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.workspace-head h1{font-size:34px;font-weight:400;letter-spacing:-.035em;line-height:1.35}.workspace-head p{font-size:15px;color:var(--muted);margin-top:12px;line-height:1.6}.unit-note{font-size:13px;color:var(--muted)}.market-tools{display:flex;align-items:center;gap:28px;min-height:54px}.search{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.55);width:310px;gap:12px;min-height:46px}.search svg{width:19px;height:19px;fill:none;stroke:white;stroke-width:1.5;flex:none}.search input{width:100%;background:none;color:white;border:0;padding:12px 0;min-width:0;outline:none;font-size:16px}.search input::placeholder,input::placeholder{color:var(--muted)}.type-tabs,.policy-tabs,.code-tabs{display:flex;gap:28px}.type-tabs button,.policy-tabs button,.code-tabs button{font-size:15px;padding:13px 0;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap}.type-tabs button[aria-pressed=true],.policy-tabs button[aria-pressed=true],.code-tabs button[aria-pressed=true]{border-color:white;color:white}.line-button{font-size:15px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap}.sort-label{margin-left:auto}select{background:var(--blue);color:white;border:0;border-bottom:1px solid var(--line);padding:12px 20px 12px 0;cursor:pointer;font-size:14px;max-width:100%}.filter-panel{padding:24px 0 30px;border-bottom:1px solid var(--line)}.filter-top{display:flex;justify-content:space-between;margin-bottom:22px;font-size:16px}.filter-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:900px}.filter-fields label{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}.filter-fields select,.filter-fields input{color:white;font-size:16px;border:0;border-bottom:1px solid var(--line);background:var(--blue);padding:12px 0;min-width:0}.text-button{font-size:14px;padding:6px 0}.results-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:30px 0 17px}.table-header,.model-row{display:grid;grid-template-columns:42px minmax(180px,2.2fr) 1fr 1.2fr 1fr .85fr;align-items:center;gap:22px}.table-header{color:var(--muted);font-size:13px;height:40px;border-bottom:1px solid var(--line)}.model-row{min-height:72px;border-bottom:1px solid var(--line);font-size:15px;transition:background .2s}.model-row:hover{background:rgba(255,255,255,.045)}.model-row.selected{background:rgba(255,255,255,.065)}.model-row input{appearance:none;width:19px;height:19px;border:1px solid rgba(255,255,255,.6);border-radius:2px;cursor:pointer;display:grid;place-content:center;margin:0}.model-row input:checked{background:white;border-color:white}.model-row input:checked:before{content:"";width:8px;height:5px;border:2px solid var(--blue);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}.model-row .model-name{display:flex;flex-direction:column;gap:7px;min-width:0;padding:14px 0}.model-name strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.model-name small{font-size:13px;color:var(--muted)}.model-row .number{font-family:var(--mono);font-size:14px}.model-row .price-pair{display:flex;justify-content:flex-end;gap:14px}.table-header>span:nth-child(n+3),.model-row .number{text-align:right}.model-row .price-pair span:last-child{color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:26px 0;font-size:13px;color:var(--muted)}.pagination>div{display:flex;gap:30px;align-items:center}.empty-state{padding:75px 20px;text-align:center;font-size:18px}.empty-state p{font-size:15px;color:var(--muted);margin:15px 0}.selection-bar{position:sticky;bottom:20px;display:flex;align-items:center;gap:25px;padding:16px 22px;border:1px solid white;background:var(--blue);border-radius:var(--radius);z-index:5}.selection-bar>span{margin-right:auto;font-size:15px}.selection-bar .primary{min-height:44px;padding:12px 20px;font-size:14px}.policy-tabs{margin-bottom:5px}.lab-routing{height:460px;flex:none;margin-top:8px}.lab-foot{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 0 40px}.lab-foot>p{font-size:14px;color:var(--muted);line-height:1.7;max-width:425px}.request-details{border-top:1px solid var(--line)}.request-details summary{list-style:none;padding:24px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:15px}.request-details summary::-webkit-details-marker{display:none}.request-details[open] summary span{transform:rotate(45deg)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:10px 0 35px;font-size:15px;line-height:1.8}.detail-columns h2{font-size:19px;font-weight:500;margin-bottom:17px}.detail-columns code{font:14px var(--mono);overflow-wrap:anywhere}.detail-columns p{margin-top:10px;color:var(--muted)}#trace{padding-left:25px;margin:0}#trace li{padding-left:10px;margin-bottom:12px}#trace li span{color:var(--muted);font:13px var(--mono);margin-right:18px}.docs-layout{display:grid;grid-template-columns:270px 1fr;gap:95px;margin-top:60px}.docs-steps{display:flex;flex-direction:column;gap:45px}.docs-steps>div>span{font:13px var(--mono);color:var(--muted)}.docs-steps h2{font-size:19px;font-weight:500;margin:13px 0}.docs-steps p{font-size:15px;line-height:1.9;color:var(--muted)}.docs-steps code{font:13px var(--mono);color:white;overflow-wrap:anywhere}.code-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.code-area pre{margin:35px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.9 var(--mono)}.code-area .code-key{font-weight:700}.docs-bottom{margin-top:42px;border-top:1px solid var(--line);padding-top:23px}.docs-bottom p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px}.docs-bottom a{font-size:15px}
dialog{border:0;padding:32px 38px;color:white;background:var(--blue);width:min(1120px,calc(100% - 64px));max-height:calc(100svh - 70px);border-radius:var(--radius)}dialog::backdrop{background:var(--blue)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dialog-head h2{font-size:27px;font-weight:500}.compare-scroll{overflow:auto;overscroll-behavior:contain}.compare-row{display:grid;grid-template-columns:150px repeat(var(--count),minmax(180px,1fr));min-width:calc(150px + var(--count)*190px);align-items:stretch;min-height:60px;border-bottom:1px solid var(--line)}.compare-row>*{padding:19px 18px;font-size:15px;line-height:1.5}.compare-row>*:first-child{padding-left:0;color:var(--muted);position:sticky;left:0;background:var(--blue);z-index:1}.compare-row .compare-model{padding-top:10px;padding-bottom:26px;font-size:19px;overflow-wrap:anywhere}.compare-model small{font-size:13px;color:var(--muted);display:block;margin-top:8px}.compare-row .value{font-family:var(--mono);font-size:14px}.compare-row .best{font-weight:700;text-decoration:underline;text-underline-offset:5px}.compare-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px}.compare-foot p{font-size:14px;color:var(--muted);line-height:1.7}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:white;color:var(--blue);padding:15px 24px;font-size:15px;border-radius:var(--radius);z-index:30;max-width:90%;white-space:normal}
@media(min-width:1600px){:root{--space:max(64px,calc((100vw - 1450px)/2))}.hero{max-height:900px}.routing{min-height:450px}}
@media(max-width:1000px){:root{--space:32px}.market-tools{gap:20px;flex-wrap:wrap}.search{flex:1;min-width:200px}.table-header,.model-row{gap:15px;grid-template-columns:25px minmax(150px,2fr) .7fr 1fr .8fr .7fr}.connection-section{gap:45px}.docs-layout{gap:40px;grid-template-columns:220px 1fr}.code-area pre{font-size:14px}.destination strong{font-size:19px}.destination .metric{font-size:13px}.lab-foot{align-items:flex-start}.lab-foot>p{max-width:300px}.request-actions{gap:24px}}
@media(max-width:600px){:root{--space:24px}.site-head{height:76px;padding:0 24px;gap:20px;align-items:center}.brand{font-size:19px;gap:9px;flex-shrink:0}.brand-name{flex-direction:column;align-items:flex-start;gap:3px;line-height:1}.brand-en{font-size:13px;letter-spacing:.02em}.brand svg{width:23px;height:23px}.site-head nav{gap:15px;font-size:13px}.site-head nav a{padding:10px 0;white-space:nowrap}.site-head nav a:nth-child(2){font-size:0}.site-head nav a:nth-child(2):before{content:"实验室";font-size:13px}.site-head nav a:nth-child(3){font-size:0}.site-head nav a:nth-child(3):before{content:"文档";font-size:13px}.hero{height:calc(100svh - 76px);min-height:710px;padding:29px 24px 40px}.hero h1{font-size:30px;letter-spacing:-.045em;white-space:nowrap;font-weight:400}.routing{min-height:405px;margin-top:30px;flex:1;max-height:500px}.request-label{left:50%;top:2%;transform:translateX(-50%);align-items:center;gap:9px}.request-label strong{font-size:16px}.request-label span{font-size:13px}.routing-label{left:50%;top:35%;transform:translate(25px,-50%);font-size:13px}.destination{left:0;top:72%!important;width:30%;padding:0;text-align:center;transform:none}.destination[data-slot="0"]{left:0}.destination[data-slot="1"]{left:35%}.destination[data-slot="2"]{left:70%}.destination .role{font-size:13px;margin-bottom:9px}.destination strong{font-size:15px;line-height:1.4;min-height:43px;overflow-wrap:normal}.route-metric{font-size:14px;position:absolute;left:0;top:auto;bottom:0;width:100%;text-align:center;padding:0;white-space:nowrap}.destination .metric{display:none}.destination .fault-message{font-size:13px;margin-top:12px;line-height:1.6}.destination.failed{transform:none}.hero-foot{align-items:center;flex-direction:column;gap:30px;padding-top:26px}.request-actions{gap:24px;width:100%;justify-content:space-between}.send{min-width:155px;padding:16px 18px;font-size:15px;gap:15px}.scale{font-size:13px}.strategy-section{padding:62px 24px 28px}.section-title{align-items:flex-start;gap:20px;margin-bottom:30px}.section-title h2{font-size:25px;line-height:1.4}.section-title a{font-size:14px;white-space:nowrap;padding-top:10px}.strategy-row{grid-template-columns:1fr auto;gap:14px;min-height:130px;padding:23px 0;font-size:17px}.strategy-row .chosen-model{font-size:14px;color:var(--muted);grid-column:1;grid-row:2}.strategy-row .money{font-size:23px;grid-column:2;grid-row:1}.strategy-row .latency{font-size:14px;grid-column:2;grid-row:2}.quiet{font-size:13px;line-height:1.8}.connection-section{gap:28px;padding:0 24px 62px}.connection-graphic{height:100px}.connect-copy{display:block}.connect-copy a{margin-top:22px}.connect-copy h2{font-size:27px}.connect-copy p{font-size:15px;margin:19px 0 27px}footer{margin:0 24px;flex-wrap:wrap;gap:17px;padding:28px 0;font-size:13px}footer span:nth-child(2){margin:0}footer a{width:100%;margin-top:7px}.view:not(#home){padding:26px 24px 55px}.workspace-head{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:27px}.workspace-head h1{font-size:30px}.workspace-head p{font-size:14px;line-height:1.8;max-width:325px}.unit-note{font-size:13px}.market-tools{gap:18px 15px;display:grid;grid-template-columns:1fr auto}.search{min-width:0;width:100%;grid-column:1/-1}.type-tabs{gap:25px;grid-column:1/-1}.type-tabs button{font-size:14px}.line-button{justify-content:space-between;font-size:14px}.sort-label{margin:0}.sort-label select{font-size:14px}.filter-fields{grid-template-columns:1fr;gap:24px}.filter-fields label{font-size:14px}.results-line{gap:15px;font-size:13px;line-height:1.6;align-items:flex-start;margin-top:27px}.results-line span:last-child{max-width:130px;text-align:right}.table-header{display:none}.model-row{grid-template-columns:20px minmax(0,1fr) 118px;gap:10px 16px;position:relative;padding:20px 0;min-height:127px}.model-row .model-name{padding:0;gap:7px;grid-column:2;grid-row:1}.model-name strong{font-size:16px;line-height:1.4}.model-name small{font-size:13px}.model-row input{grid-column:1;grid-row:1}.model-row .ctx{grid-column:2;grid-row:2;font-size:13px;color:var(--muted)}.model-row .ctx:after{content:" 上下文";font-family:var(--sans)}.model-row .price-pair{grid-column:3;grid-row:1;flex-direction:column;align-items:flex-end;gap:5px;font-size:14px}.price-pair span:before{font:13px var(--sans);margin-right:7px;color:var(--muted)}.price-pair span:first-child:before{content:"入"}.price-pair span:last-child:before{content:"出"}.model-row .lat{grid-column:3;grid-row:2;font-size:13px;color:var(--muted)}.model-row .uptime{display:none}.pagination{gap:20px;align-items:flex-start;flex-direction:column;font-size:13px}.pagination>div{width:100%;justify-content:space-between;gap:15px}.selection-bar{gap:16px;padding:12px;bottom:12px}.selection-bar>span{font-size:13px}.selection-bar .text-button{font-size:13px}.selection-bar .primary{padding:11px;font-size:13px;gap:8px}.policy-tabs{gap:24px;flex-wrap:wrap}.policy-tabs button{font-size:14px}.lab-routing{height:475px;max-height:none;margin-top:32px}.lab-foot{flex-direction:column;gap:24px;padding-bottom:27px}.lab-foot>p{font-size:13px;max-width:none;line-height:1.8}.detail-columns{grid-template-columns:1fr;gap:30px;padding-bottom:22px;font-size:14px}.detail-columns code{font-size:13px}.request-details summary{padding:22px 0;font-size:14px}.docs-layout{display:flex;flex-direction:column;margin-top:15px;gap:46px}.code-area{order:-1}.docs-steps{display:grid;grid-template-columns:1fr;gap:27px}.docs-steps>div{padding-left:42px;position:relative}.docs-steps>div>span{position:absolute;left:0;top:4px}.docs-steps h2{margin:0 0 10px;font-size:18px}.docs-steps p{font-size:14px}.code-tools{padding-top:6px}.code-area pre{font-size:13px;line-height:1.9;margin-top:24px}.docs-bottom{margin-top:27px}.docs-bottom p{font-size:14px}.code-tabs{gap:24px}dialog{width:calc(100% - 28px);max-height:calc(100svh - 38px);padding:23px 18px}.dialog-head{margin-bottom:23px}.dialog-head h2{font-size:23px}.compare-row{grid-template-columns:105px repeat(var(--count),150px);min-width:calc(105px + var(--count)*150px);min-height:65px}.compare-row>*{padding:21px 13px;font-size:14px}.compare-row>*:first-child{font-size:13px;padding-right:10px}.compare-row .compare-model{font-size:16px;line-height:1.6;padding-bottom:22px}.compare-row .value{font-size:13px}.compare-foot{align-items:flex-start;flex-direction:column;gap:20px;padding-top:23px}.compare-foot p{font-size:13px}.compare-foot .primary{width:100%;font-size:15px;min-height:48px}.toast{font-size:14px;bottom:20px;width:max-content;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.reset-route{margin:0 0 30px}.destination[data-slot="0"] .fault-message{max-width:180px;line-height:1.7}.request-details[open]{padding-bottom:4px}

.compare-hint{display:none}@media(max-width:600px){.compare-hint{display:block;color:var(--muted);font-size:13px;margin:-5px 0 22px}.compare-scroll{container-type:inline-size;scroll-snap-type:x mandatory;scroll-padding-left:80px}.compare-row{grid-template-columns:90px repeat(var(--count),calc((100cqw - 90px)/2));min-width:calc(90px + var(--count)*(100cqw - 90px)/2)}.compare-row>:not(:first-child){scroll-snap-align:start}.compare-row>*{padding-left:10px;padding-right:10px}.compare-row .compare-model{font-size:15px}.compare-row>*:first-child{padding-right:8px}.compare-row .value{font-size:13px}}

/* Model-first mobile catalogue; roles and billing travel with comparison columns. */
.mobile-price-unit{display:none}.compare-role{display:block;font:12px var(--sans);margin-bottom:8px;color:white}.compare-row>span>small{display:block;font:13px/1.6 var(--sans);margin-top:5px}.compare-foot{justify-content:flex-end}
@media(max-width:600px){#market{padding-top:18px}#market .workspace-head{gap:0;margin-bottom:12px}#market .workspace-head p{margin-top:5px}#market .unit-note{display:none}#market .market-tools{gap:10px 15px}#market .type-tabs button{padding:10px 0}#market .results-line{margin:14px 0 10px;align-items:center;gap:8px}#market .results-line span:last-child{max-width:none;white-space:nowrap}.mobile-price-unit{display:inline}.code-area{order:0}#docs .docs-layout{gap:30px}#docs .docs-steps{gap:13px}#docs .docs-steps>div{padding-left:28px;display:grid;grid-template-columns:100px 1fr;column-gap:12px;align-items:start}#docs .docs-steps h2{font-size:14px;margin:0;line-height:1.7}#docs .docs-steps p{font-size:12px;line-height:1.7}#docs .docs-steps code{font-size:11px}#docs .docs-steps br{display:none}.compare-row>span>small{font-size:13px;overflow-wrap:normal}}

@media(max-width:600px){#docs .docs-steps .step-detail{display:none}#docs .docs-steps h2{font-size:15px}#docs .docs-steps p,#docs .docs-steps code{font-size:13px}#docs .docs-steps>div{grid-template-columns:100px 1fr;min-height:39px;align-items:center}#docs .docs-steps>div>span{top:10px}.compare-row>span>small{font-size:13px}}

/* OIL-3: route labels are content rows, never an animated floating block. */
.route-visual{position:absolute;inset:0}.route-destinations{display:contents}.destination{transform:translateY(-22px);transition:none}.destination .metric{font:14px/1.5 var(--mono);white-space:nowrap}.destination .fault-message:empty{display:none}.route-metric{display:none}.connect-copy a{display:inline-block;margin-top:0}.compare-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px;line-height:1.6;margin:-8px 0 20px}.compare-caption .compare-hint{margin:0}.market-tools #clear-filters{font-size:13px;white-space:nowrap}.filter-panel{padding-top:20px}.empty-state{padding:58px 0;text-align:left}.empty-state p{line-height:1.7}.empty-state button{font-size:15px}.empty .results-line{margin-bottom:0}
@media(max-width:600px){
 .hero{padding-bottom:30px}.hero-foot{gap:20px;padding-top:18px}.scale{white-space:normal;text-align:center;line-height:1.7}
 .routing{display:flex;flex-direction:column;min-height:400px;max-height:none;margin-top:30px}.route-visual{position:relative;inset:auto;flex:1;min-height:230px}.network-svg{height:100%;width:100%}.request-label{top:0;white-space:nowrap}.routing-label{top:40.74%}
 .route-destinations{display:grid;grid-template-columns:repeat(var(--candidates),minmax(0,1fr));grid-template-rows:20px minmax(44px,auto) auto;column-gap:18px;row-gap:8px;margin-top:18px}
 .destination,.destination.failed{position:static;inset:auto!important;width:auto;padding:0;transform:none!important;display:grid;grid-row:1/span 3;grid-column:var(--column);grid-template-rows:subgrid;min-width:0;text-align:center}
 .destination .role{margin:0;font-size:13px;line-height:20px;white-space:nowrap}.destination strong{min-height:42px;min-width:0;padding-inline:5px;font-size:15px;line-height:21px;overflow-wrap:anywhere}.destination .metric{display:none}.destination .fault-message:empty{display:none}.destination .fault-message{display:block;min-height:42px;margin:0;font-size:13px;line-height:21px;white-space:normal}
 .route-metric{display:block;position:static;inset:auto;width:100%;padding:0;text-align:center;font:14px/20px var(--mono);white-space:nowrap;margin-top:10px}
 .lab-routing{height:460px;min-height:460px}.lab-foot{gap:20px}.lab-foot>p{font-size:13px}
 #market.filters-open .workspace-head p{display:none}#market.filters-open .workspace-head{margin-bottom:8px}#market.filters-open .market-tools{gap:8px 12px;grid-template-columns:1fr auto 1fr}#market.filters-open .type-tabs{grid-column:1/-1}#market.filters-open .sort-label{justify-self:end}#market.filters-open .line-button{padding:11px 12px}#market .filter-fields{grid-template-columns:1fr 1fr;gap:16px 20px}#market .filter-fields label{font-size:13px;gap:5px}#market .filter-fields label:last-child{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:18px}#market .filter-fields label:last-child input{flex:1;width:0}#market .filter-fields select,#market .filter-fields input{font-size:14px;padding:10px 0}#market .filter-panel{padding:17px 0 18px}#market.filters-open .results-line{margin-top:12px}#market.empty .compare-prompt{display:none}
 .compare-caption{font-size:13px;gap:10px;margin:-5px 0 22px}.compare-caption .compare-hint{display:block;white-space:nowrap}
}

#calculation>h2{margin-top:26px}#market.empty #clear-filters{display:none}

#market.empty .results-line{display:none}#market.empty .workspace-head p{display:none}

@media(max-width:600px){.routing[style*="--candidates: 3"] .destination .name-tail{display:block}.destination .name-tail{white-space:normal}}

#market.filters-open .workspace-head p{display:none}

/* ACCEPT-1: existing objects carry the scale, motion and limit feedback. */
.scale{color:white}.packet{stroke-width:4}.destination .role{font-size:14px;line-height:21px}.compare-role{font-size:13px}
@media(max-width:600px){.destination .role{font-size:14px;line-height:20px}.model-row .lat{text-align:right}.selection-bar{gap:12px}.selection-bar>span{font-size:13px;white-space:nowrap}}

/* OPT-0191: one switch, one request; the selected model names travel into comparison. */
html[data-comparing] .site-head,html[data-comparing] main{visibility:hidden}
::view-transition-group(*){animation-duration:.42s;animation-timing-function:var(--ease)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}
.compare-name{font:inherit;display:block}.compare-row>span>small>span{display:block;white-space:nowrap}
.mobile-lat-label{display:none}.hero>.scale{margin-top:16px;font-size:16px;line-height:1.6;white-space:normal;text-align:left}
.hero-foot{justify-content:flex-start}.request-actions .primary:active:not(:disabled){transform:scale(.98)}
.request-details summary span{transition:transform .2s var(--ease)}
@media(max-width:600px){.hero{padding-top:25px;min-height:700px}.hero>.scale{font-size:14px;margin-top:13px;max-width:325px;line-height:1.75}.hero .routing{margin-top:26px;min-height:385px}.hero-foot{padding-top:22px}.request-actions .send{width:100%;min-height:52px}.mobile-lat-label{display:inline;font:13px var(--sans)}.destination strong{font-weight:400}.compare-row .compare-model{font-size:15px}.compare-caption{font-size:13px}.selection-bar{padding:12px;gap:10px}.selection-bar>span{font-size:13px}.selection-bar .primary{min-height:44px}}

.latency-label{font:13px var(--sans)}

@media(max-width:600px){.model-row .ctx{text-align:left}}

/* The switch casing and its three 45-degree detents share one silhouette. */
.route-pivot{stroke-width:6}.routing-label{transform:translate(-50%,67px)}
@media(max-width:600px){.routing-label{transform:translate(67px,-50%)}}