:root{color-scheme:dark;--bg:#080d19;--surface:#0d1523;--surface2:#111c2c;--text:#f1f5fa;--muted:#8c9aae;--line:rgba(155,181,214,.14);--mint:#75ead6;--blue:#4b8bff;--radius:16px;--font:Inter,"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}button,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:#75ead633;color:#fff}img{display:block;max-width:100%}svg{display:block}button svg,.search-field svg,.language-indicator svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.045em}h2{font-size:46px;line-height:1.15}h3{font-size:18px;letter-spacing:-.02em}p{color:var(--muted)}button{border:0;background:none}select{width:100%;border:1px solid var(--line);background:#111a29;color:var(--text);border-radius:8px;padding:12px 36px 12px 14px;min-height:46px}option{background:#111a29}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.mono,.eyebrow,.demo-badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em}.muted{color:var(--muted)}.text-cyan,.success{color:var(--mint)}.gradient-text{background:linear-gradient(105deg,#ddf8ff 0%,#82caef 35%,#75ead6 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{display:inline-block;color:var(--mint);letter-spacing:.16em;font-size:10px;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;font-weight:550;font-size:13px;min-height:48px;border-radius:7px;padding:12px 23px;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;border:1px solid transparent;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:#06231f;box-shadow:0 0 26px #75ead60c}.button-primary:hover{background:#a3f4e6;box-shadow:0 4px 28px #75ead621}.button-secondary{border-color:#7f9bb237;background:#101b2888;color:#e1e8f3}.button-secondary:hover{background:#1b2939}.button-light{background:#e9f0f7;color:#0b1523}.button-light:hover{background:#fff}.button-small{min-height:37px;padding:8px 15px;font-size:11px;gap:20px}.code-icon{font-size:19px;line-height:1}.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #75ead64a;flex-shrink:0}.small-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5d738d;margin-right:8px;flex-shrink:0}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--mint);color:#071a19;padding:10px 18px;border-radius:5px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:30;background:#080d19dc;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{height:78px;width:min(1300px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1.1}.brand>span{font-size:20px;font-weight:700;letter-spacing:.025em}.brand-ai{margin-left:6px;color:#94b7d8;font-weight:400}.brand small{display:block;font:8px/1.2 var(--mono);letter-spacing:.12em;color:#788da7;margin-top:5px}.desktop-nav{display:flex;gap:31px}.desktop-nav a{font-size:12px;color:#aab7c9;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.header-actions{display:flex;align-items:center;gap:23px}.language-indicator{display:flex;gap:7px;align-items:center;font-size:10px;color:#92a2b9}.language-indicator svg{width:14px;height:14px}.menu-toggle{display:none;padding:10px}.menu-toggle span{display:block;width:19px;height:1px;background:#c5d5e8;margin:5px 0}.mobile-nav{border-top:1px solid var(--line);padding:16px 24px;flex-direction:column;gap:16px}.mobile-nav:not([hidden]){display:flex}
.hero{position:relative;overflow:hidden;padding:69px 0 0;background:radial-gradient(ellipse at 50% 62%,#0b213c99 0%,#080d1900 62%)}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#749fc208 1px,transparent 1px),linear-gradient(90deg,#749fc208 1px,transparent 1px);background-size:82px 82px;mask-image:radial-gradient(ellipse at 50% 56%,#0007,transparent 73%)}.hero-copy{position:relative;text-align:center;z-index:1}.eyebrow-pill{display:inline-flex;gap:10px;align-items:center;font:9px/1.5 var(--mono);letter-spacing:.12em;border:1px solid #7aa2c927;border-radius:30px;padding:7px 13px;background:#0c182499;color:#a9c9df}.pill-divider{height:10px;width:1px;background:var(--line);margin-inline:2px}.eyebrow-pill .muted{font-size:8px;color:#697e95}.hero h1{font-size:80px;line-height:1.06;letter-spacing:-.058em;font-weight:550;margin-top:26px}.hero-description{font-size:16px;line-height:1.7;margin-top:24px;color:#92a5bc;letter-spacing:-.012em}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:27px}.gateway-stage{position:relative;margin-top:44px;height:306px;max-width:1040px}.stage-topline{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;color:#526a83;font-size:9px;z-index:2}.stage-topline .mono{font-size:8px;letter-spacing:.11em}.stage-demo{display:flex;align-items:center;gap:7px}.stage-demo .status-dot{width:4px;height:4px;background:#4b8cba;box-shadow:none}#gateway-canvas{display:block;position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.provider-node{position:absolute;display:flex;gap:11px;align-items:center;background:linear-gradient(110deg,#172438aa,#0e1a2a88);border:1px solid #7babc124;border-radius:9px;min-width:178px;padding:12px 15px;box-shadow:0 10px 30px #0001;backdrop-filter:blur(8px);font-size:13px;z-index:2}.provider-node small{display:block;font:7px/1.3 var(--mono);letter-spacing:.08em;color:#748da7;margin-top:4px}.provider-node i{width:4px;height:4px;border-radius:50%;background:#75ead6;box-shadow:0 0 10px #75ead666;margin-left:auto}.node-one{left:8%;top:20%}.node-two{left:12%;top:56%}.node-three{right:8%;top:20%}.node-four{right:12%;top:56%}.node-three i,.node-four i{margin-left:0;margin-right:0}.provider-symbol{font-size:27px;line-height:1;width:30px;text-align:center;display:inline-block}.anthropic-symbol{color:#dda38f}.google-symbol{color:#a5b8ef}.deepseek-symbol{color:#7fb4f3}.gateway-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2;pointer-events:none}.gateway-center img{filter:drop-shadow(0 0 20px #4dbeff33);width:53px;height:53px}.gateway-center .mono{font-size:8px;color:#6d9cb5;letter-spacing:.16em;white-space:nowrap}.route-trace{position:absolute;bottom:0;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,#101d2caa,#0c1927aa);border:1px solid #7c9cb522;border-radius:7px;min-height:43px;padding:10px 15px;font-size:10px;z-index:3}.trace-label{font-size:8px;color:#7394ad;display:flex;align-items:center;gap:7px;white-space:nowrap}.route-trace code{font:9px var(--mono);color:#9bafc5}.trace-model{color:#6f91b1;margin-left:10px}.trace-status{font-size:8px;white-space:nowrap;color:#83d9c5}.trace-status span{color:#7890a7}.hero-footnote{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:33px 0 25px;margin-top:8px;color:#62748a;font-size:10px;position:relative}.hero-footnote a{font-size:8px;letter-spacing:.12em}.hero-footnote a span{margin-left:14px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:41px}.section-heading>p{font-size:13px;line-height:1.8;max-width:340px;margin-bottom:4px}.section-heading .eyebrow{margin-bottom:17px}.model-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter{padding:8px 14px;border:1px solid transparent;border-radius:6px;font-size:11px;color:#8495ac;transition:background .2s,color .2s}.filter:hover{background:#142134;color:#fff}.filter.active{color:#d4eee9;background:#172d32;border-color:#75ead626}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0c1421;padding:9px 12px;border-radius:6px;color:#66809c}.search-field svg{width:14px;height:14px;flex-shrink:0}.search-field input{border:0;outline:none;background:none;font-size:11px;color:#b5c6db;width:145px;min-width:0}.search-field:focus-within{border-color:#75ead666}.search-field input::placeholder{color:#5f738d}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:230px}.model-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#101a29aa,#0c1420aa);padding:23px;transition:border-color .25s,transform .25s,background .25s;display:flex;flex-direction:column;min-width:0}.model-card:hover{border-color:#75ead64f;background:linear-gradient(135deg,#142334aa,#101b2caa);transform:translateY(-3px)}.model-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.model-icon{width:36px;height:36px;border:1px solid #a9b8d51c;background:#172232;border-radius:9px;display:grid;place-items:center;font-size:25px;color:#d4e1ee}.category-tag{font:8px var(--mono);text-transform:uppercase;letter-spacing:.07em;border:1px solid #8eabc21b;padding:4px 7px;border-radius:4px;color:#869db6}.model-provider{font:9px var(--mono);color:#5e7894;margin-top:4px}.model-card h3{font-size:20px}.model-card p{font-size:11px;line-height:1.8;margin:14px 0 18px;min-height:40px;max-width:270px}.model-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.model-tags span{font-size:8px;color:#9aacbf;background:#829bb50b;border-radius:3px;padding:3px 6px}.model-card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.model-card-bottom>span{font:8px var(--mono);color:#678097;letter-spacing:.1em}.model-card-bottom button{font-size:11px;color:#adc5d8;display:flex;gap:12px;align-items:center;padding:4px 0}.model-card-bottom button:hover{color:var(--mint)}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:12px}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{font-size:13px}.empty-state button{margin-top:20px}.section-note{display:flex;justify-content:space-between;gap:20px;color:#586f89;font-size:9px;margin-top:22px}.section-note>span:first-child{display:flex;align-items:center}.section-note .mono{font-size:8px;white-space:nowrap}
.platform-section{border-block:1px solid var(--line);background:linear-gradient(130deg,#0e19258c,#0a172225 55%,#0b1823b3);padding:104px 0}.platform-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.section-description{font-size:13px;line-height:1.85;margin-top:21px;max-width:385px}.platform-copy h2{font-size:42px}.feature-list{margin-top:31px}.feature-list details{border-top:1px solid var(--line);padding:18px 0}.feature-list details:last-child{border-bottom:1px solid var(--line)}.feature-list summary{display:flex;align-items:center;gap:17px;cursor:pointer;font-size:13px;list-style:none}.feature-list summary::-webkit-details-marker{display:none}.feature-list summary>.mono{color:#55778d;font-size:9px}.details-plus{margin-left:auto;color:#789db1;font-size:17px;transition:transform .2s}.feature-list details[open] .details-plus{transform:rotate(45deg);color:var(--mint)}.feature-list details[open] summary{color:var(--mint)}.feature-list details p{font-size:11px;margin:13px 14px 0 33px;line-height:1.9}.workspace-preview{border:1px solid #8badc42b;border-radius:13px;background:#0c1724;box-shadow:0 30px 70px #0003;overflow:hidden;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg)}.preview-bar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 19px;background:#10203088}.mini-brand{display:flex;gap:9px;align-items:center;font:8px var(--mono);letter-spacing:.1em;color:#93a8bd}.demo-badge{font-size:8px;letter-spacing:.08em;border:1px solid #718fb42b;color:#718ca6;background:#0c1828;padding:3px 7px;border-radius:4px;white-space:nowrap}.workspace-body{padding:24px}.workspace-title{display:flex;justify-content:space-between;align-items:center;font-size:16px;letter-spacing:-.02em}.workspace-avatar{width:30px;height:30px;display:grid;place-items:center;background:#1f383b;color:#9ce9d9;border:1px solid #75ead62b;border-radius:8px;font-size:12px}.workspace-metrics{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 27px;gap:24px}.workspace-metrics>div+div{border-left:1px solid var(--line);padding-left:24px}.workspace-metrics>div>span{color:#7b93ae;font-size:9px}.workspace-metrics strong{display:flex;align-items:baseline;gap:10px;font-size:26px;font-weight:500;letter-spacing:-.04em;white-space:nowrap;margin-top:6px}.workspace-metrics small{color:#75cbbb;font:8px var(--mono);letter-spacing:0}.workspace-metrics small.muted{color:#627a93}.chart-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a6b8cb}.chart-header .mono{font-size:7px;color:#607b92;display:flex;align-items:center;gap:5px}.chart-header i{width:4px;height:4px;background:var(--mint);border-radius:50%}.activity-chart{width:100%;height:auto;margin-top:13px}.chart-grid{stroke:#91a6c20c;fill:none}.chart-ticks{display:flex;justify-content:space-between;font-size:7px;color:#425d77;margin:0 0 19px}.mini-request{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:10px;color:#97adc4;gap:10px}.mini-request>span:first-child{display:flex;gap:7px;align-items:center}.mini-request .mono{font-size:8px}.mini-request .status-dot{width:3px;height:3px}.preview-console-link{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);padding:18px 0 0;color:var(--mint);font-size:10px}
.pricing-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-principles{display:flex;flex-direction:column;gap:15px;margin:29px 0}.pricing-principles>span{display:flex;align-items:center;gap:11px;color:#aebdcd;font-size:12px}.pricing-principles i{font-style:normal;width:21px;font-size:17px;color:#7ac6c4}.fine-print{font-size:10px;line-height:1.9;color:#526c86}.calculator{border:1px solid #9bbcd22b;border-radius:13px;padding:28px;background:linear-gradient(135deg,#142332,#0c1725)}.calculator-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;font-size:16px;letter-spacing:-.02em}.field-label{display:block;font-size:10px;color:#91a6ba;margin-bottom:8px}.calculator select{font-size:12px;background:#0c1624;border-radius:6px}.range-heading{margin-top:26px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#91a9bf}.range-heading output{font-family:var(--mono);color:#d1e0ed}.calculator input[type=range]{appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--mint) var(--fill,10%),#263647 var(--fill,10%));border-radius:8px;cursor:pointer;margin:17px 0 12px}.calculator input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#acffee;border:3px solid #25423e;border-radius:50%;box-shadow:0 0 0 2px #75ead619}.calculator input[type=range]::-moz-range-thumb{width:8px;height:8px;background:#acffee;border:3px solid #25423e;border-radius:50%}.range-scale{display:flex;justify-content:space-between;color:#57728c;font:8px var(--mono)}.estimate{margin-top:29px;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.estimate span{font-size:12px;color:#bfd2e2}.estimate small{display:block;color:#56728c;font-size:8px;margin-top:6px}.estimate strong{font-size:34px;font-weight:500;letter-spacing:-.05em;color:var(--mint);font-variant-numeric:tabular-nums}.cost-breakdown{display:flex;justify-content:flex-end;gap:15px;font-size:8px;color:#678098;margin-top:12px}
.developer-section{border-top:1px solid var(--line);padding:100px 0;background:linear-gradient(#0b162378,#080d19)}.integration-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px}.integration-steps{padding-top:4px}.integration-step{display:flex;gap:18px;position:relative;padding-bottom:37px}.integration-step:not(:last-child):after{content:"";position:absolute;top:30px;bottom:6px;left:14px;width:1px;background:var(--line)}.integration-step>span{width:29px;height:29px;border:1px solid #83abc529;border-radius:50%;font:9px var(--mono);color:#71cbbf;display:grid;place-items:center;flex-shrink:0;background:#10232d}.integration-step>div{padding-top:3px;min-width:0;flex:1}.integration-step h3{font-size:15px;letter-spacing:-.015em}.integration-step p{font-size:11px;line-height:1.7;margin-top:6px}.text-button{padding:12px 0 0;font-size:10px;color:var(--mint)}.endpoint-code{font:10px var(--mono);display:block;border:1px solid var(--line);background:#101a29;padding:10px 12px;border-radius:5px;margin-top:12px;color:#97c2d3;overflow-wrap:anywhere}.integration-step select{font-size:11px;min-height:38px;padding:9px 25px 9px 10px;margin-top:11px}.code-panel{border:1px solid #85a7c62b;border-radius:10px;background:#0b1422;overflow:hidden;align-self:start}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid var(--line);background:#101c2b}.code-tabs{display:flex;gap:24px;overflow-x:auto}.code-tabs button{font:10px var(--mono);padding:16px 0;border-bottom:2px solid transparent;color:#607b96}.code-tabs button.active{border-color:var(--mint);color:#b5e4dc}.copy-button{display:flex;align-items:center;gap:7px;font-size:10px;color:#7492ad;white-space:nowrap;padding:8px 0}.copy-button svg{width:12px;height:12px}.code-panel pre{margin:0;padding:25px;overflow-x:auto;font:11px/1.9 var(--mono);color:#bccbdd;tab-size:2;min-height:250px}.code-keyword{color:#a9a1ee}.code-string{color:#8ddcbd}.code-comment{color:#49647f}.code-number{color:#8ec8f8}.code-panel-footer{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.code-panel-footer>.mono{color:#506d88;font-size:7px;display:flex;align-items:center}.code-panel-footer .button{min-height:32px;font-size:10px;padding:8px 11px;gap:9px}.code-disclaimer{background:#080f1a88;border-top:1px solid var(--line);padding:11px 20px;font-size:8px;line-height:1.7;color:#58738f}.response-panel{border-top:1px solid var(--line);background:#091923}.response-panel>div{display:flex;justify-content:space-between;gap:15px;padding:15px 23px 0}.response-panel .mono{font-size:8px;color:#648d9c}.response-panel .success{color:var(--mint)}.response-panel pre{min-height:0;font-size:10px;padding-top:12px}
.closing-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;padding-block:79px 63px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#133a4829,transparent 67%)}.closing-section>img{margin:0 auto 24px;width:48px;height:48px}.closing-section .eyebrow{display:block;font-size:8px;color:#719ba8;margin-bottom:18px}.closing-section h2{font-size:58px;line-height:1.07;position:relative}.closing-section .button{margin-top:29px;position:relative}.closing-domain{display:block;font-size:8px;color:#40657e;letter-spacing:.26em;margin-top:30px}.closing-orbit{position:absolute;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #79afc309;pointer-events:none}.closing-orbit:before,.closing-orbit:after{content:"";position:absolute;inset:40px;border:1px solid #79afc30c;border-radius:50%}.closing-orbit:after{inset:100px}.site-footer{padding-block:46px 24px}.footer-main{display:flex;align-items:center;gap:33px;justify-content:space-between}.footer-main .brand>span{font-size:17px}.footer-main p{font-size:10px;margin-right:auto;color:#5a7590}.footer-links{display:flex;gap:25px;font-size:10px;color:#8ea5bf}.footer-links a:hover{color:var(--mint)}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#45607a}
dialog{color:var(--text);border:1px solid #94b6d73b;background:#0c1624;box-shadow:0 30px 160px #000a;padding:0;border-radius:15px;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#020812bc;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 0}.dialog-heading .eyebrow{margin:0;font-size:8px}.icon-button{display:grid;place-items:center;width:32px;height:32px;font-size:25px;line-height:1;color:#8ea7be;border-radius:6px}.icon-button:hover{background:#ffffff0c;color:#fff}.model-dialog{width:min(520px,calc(100% - 32px))}#model-detail{padding:15px 28px 30px}#model-detail .model-icon{width:49px;height:49px;font-size:32px;margin-bottom:16px}#model-detail h2{font-size:29px}#model-detail>p{font-size:13px;margin:15px 0 22px}#model-detail .model-tags{margin-top:20px}.detail-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:11px;color:#839db5;gap:15px}.detail-row code{font:10px var(--mono);color:#b8d0e0}.model-dialog .button{width:100%;margin-top:20px}.model-dialog .fine-print{margin-top:15px;font-size:9px;line-height:1.7}.console-dialog{width:min(1040px,calc(100% - 40px));height:650px;max-height:90dvh}.console-shell{display:flex;min-height:100%;height:100%}.console-sidebar{width:210px;flex-shrink:0;background:#0a121f;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column}.console-sidebar .brand{gap:7px}.console-sidebar .brand>span{font-size:15px}.console-sidebar .brand small{font-size:6px}.console-sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:35px}.console-sidebar nav button{display:flex;gap:12px;align-items:center;text-align:left;font-size:11px;padding:11px 12px;color:#708ba7;border-radius:6px}.console-sidebar nav button>span:first-child{font-size:18px;width:16px}.console-sidebar nav button.active{background:#193133;color:#95e4d5}.console-profile{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:9px;align-items:center;font-size:10px;color:#b3c7d9}.console-profile small{display:block;font-size:8px;color:#52708b;margin-top:2px}.console-main{padding:28px;flex:1;min-width:0;display:flex;flex-direction:column;overflow:auto}.console-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.console-topbar .eyebrow{font-size:7px;margin-bottom:4px}.console-topbar h2{font-size:26px}.console-topbar>div:last-child{display:flex;align-items:center;gap:14px}.console-disclaimer{font-size:8px;color:#4f6c84;margin-top:auto;padding-top:24px}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.console-metric{background:#111e2d;border:1px solid var(--line);border-radius:8px;padding:16px}.console-metric>span{font-size:9px;color:#7690a9}.console-metric strong{display:block;font-size:26px;letter-spacing:-.04em;font-weight:500;margin:7px 0}.console-metric small{font-size:8px;color:#65baa7}.console-chart{border:1px solid var(--line);padding:20px;border-radius:8px;margin-top:18px}.console-chart .activity-chart{max-height:145px}.console-actionbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.console-actionbar p{font-size:11px}.key-form{display:flex;gap:8px;margin-bottom:20px}.key-form input{background:#111e2d;border:1px solid var(--line);border-radius:5px;padding:10px 12px;color:#d6e2ee;min-width:0;flex:1;font-size:11px}.key-list{display:flex;flex-direction:column;gap:10px}.key-row{background:#101d2b;border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.key-row strong{font-size:12px;font-weight:500;display:block}.key-row code{font:9px var(--mono);color:#5b7e9d;display:block;margin-top:4px}.key-actions{display:flex;gap:5px}.key-actions button{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:6px 8px;color:#82adaf}.key-actions button:last-child{color:#c58e91}.console-empty{padding:35px 20px;border:1px dashed var(--line);border-radius:8px;text-align:center;color:#62839e;font-size:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}.data-table th{font-weight:400;color:#546f8b;font:8px var(--mono);letter-spacing:.04em;text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}.data-table td{color:#9bb0c5;padding:13px 10px;border-bottom:1px solid #8eabc20c}.data-table td.success{color:#75c7b6}.data-table td.warning{color:#d6aa72}.console-log-filter{max-width:180px;font-size:10px;min-height:34px;padding:7px 10px}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%,15px);background:#183331;color:#b3eddf;border:1px solid #75ead63d;border-radius:8px;padding:11px 18px;font-size:12px;box-shadow:0 10px 40px #0004;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-top:85px}.hero h1{font-size:92px}.gateway-stage{margin-top:52px;height:335px}.hero-footnote{margin-top:18px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{width:calc(100% - 48px);gap:24px}.desktop-nav{gap:22px}.header-actions{gap:17px}.platform-layout{gap:45px}.pricing-section{gap:55px}.integration-layout{gap:40px}.hero h1{font-size:75px}.provider-node{min-width:158px;padding:10px 12px}.node-one{left:3%}.node-two{left:6%}.node-three{right:3%}.node-four{right:6%}.model-card{padding:19px}.workspace-body{padding:21px}.workspace-metrics strong{font-size:23px;gap:7px}.platform-copy h2{font-size:37px}.section-heading>p{max-width:300px}.footer-main{gap:23px}.footer-links{gap:17px}}
@media(max-width:800px){.header-inner{height:68px}.desktop-nav{gap:17px}.desktop-nav a{font-size:10px}.header-actions{gap:12px}.language-indicator{display:none}.brand>span{font-size:18px}.header-actions .button{font-size:10px;padding:8px 11px}.header-actions .button span:last-child{display:none}.hero{padding-top:60px}.hero h1{font-size:64px}.hero-description{font-size:14px}.gateway-stage{height:295px;margin-top:39px}.provider-node{min-width:143px;padding:9px 11px;font-size:11px;gap:8px}.provider-node small{font-size:6px}.provider-symbol{font-size:23px;width:25px}.route-trace{left:0;right:0;padding:10px 12px;gap:8px}.trace-label{font-size:7px}.route-trace code{font-size:8px}.trace-model{margin-left:3px}.trace-status{font-size:7px}.section{padding-block:75px}h2{font-size:37px}.section-heading{gap:25px}.section-heading>p{font-size:11px;max-width:245px}.model-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.search-field{align-self:stretch}.search-field input{width:100%}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-section{padding:75px 0}.platform-layout{grid-template-columns:1fr;gap:43px}.platform-copy h2{font-size:39px}.platform-copy .section-description{max-width:500px}.workspace-preview{width:100%;max-width:550px;margin:auto;transform:none}.workspace-metrics strong{font-size:30px}.workspace-preview .activity-chart{max-height:160px}.pricing-section{gap:35px;grid-template-columns:1fr 1fr}.calculator{padding:23px}.pricing-intro h2{font-size:35px}.pricing-principles>span{font-size:10px}.estimate{flex-wrap:wrap;gap:12px}.estimate strong{font-size:32px}.cost-breakdown{justify-content:flex-start}.developer-section{padding:75px 0}.integration-layout{grid-template-columns:1fr;gap:26px}.integration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-step{padding-bottom:0;gap:10px;flex-direction:column}.integration-step:not(:last-child):after{display:none}.integration-step p{font-size:10px}.integration-step h3{font-size:13px}.endpoint-code{font-size:8px;padding:9px}.integration-step select{font-size:9px;padding-left:7px}.code-panel pre{min-height:230px}.closing-section h2{font-size:51px}.footer-main{flex-wrap:wrap}.footer-main p{margin-right:0}.footer-links{width:100%;justify-content:flex-end}.console-sidebar{width:170px;padding:22px 12px}.console-main{padding:24px}.console-metrics{gap:8px}.console-metric{padding:12px}.console-metric strong{font-size:23px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);gap:15px}.brand>span{font-size:17px}.brand small{font-size:6px}.brand img{width:32px;height:32px}.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{gap:5px}.header-actions .button{min-height:34px;font-size:9px;padding:8px 10px;gap:0}.hero{padding-top:49px}.hero h1{font-size:clamp(41px,9.7vw,59px);line-height:1.1;letter-spacing:-.055em;margin-top:25px}.eyebrow-pill{font-size:7px;padding:7px 10px;gap:7px}.eyebrow-pill .muted{font-size:6px}.hero-description{font-size:12px;line-height:1.9;margin-top:22px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{font-size:11px;padding:11px 17px;min-height:43px;gap:14px}.gateway-stage{height:286px;width:calc(100% - 20px);margin-top:31px}.stage-topline{left:10px;right:10px}.stage-topline .mono{font-size:6px}.stage-demo .status-dot{width:3px;height:3px}.provider-node{min-width:0;width:106px;gap:6px;padding:9px 8px;font-size:10px;border-radius:7px}.provider-node small{font-size:5px;letter-spacing:0;white-space:nowrap}.provider-node i{display:none}.provider-symbol{width:20px;font-size:19px}.node-one{left:1%;top:22%}.node-two{left:3%;top:56%}.node-three{right:1%;top:22%}.node-four{right:3%;top:56%}.gateway-center{top:44%;gap:19px}.gateway-center img{width:36px;height:36px}.gateway-center .mono{font-size:5px;letter-spacing:.1em}.route-trace{left:10px;right:10px;bottom:0;padding:10px;flex-wrap:wrap;row-gap:7px;min-height:53px}.trace-label{font-size:6px;width:60%}.trace-label .status-dot{width:4px;height:4px}.trace-status{position:absolute;top:10px;right:10px;font-size:6px}.route-trace code{font-size:7px;width:100%}.hero-footnote{font-size:8px;padding:24px 0 21px;margin-top:3px;gap:10px}.hero-footnote a{font-size:6px;letter-spacing:.04em}.hero-footnote a span{margin-left:5px}.section{padding-block:63px}.section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:8px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:16px}h2,.platform-copy h2,.pricing-intro h2{font-size:34px}.section-heading>p{margin-top:20px;max-width:100%;font-size:12px}.filter-tabs{gap:3px;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.filter{font-size:9px;padding:7px 10px;flex-shrink:0}.search-field{padding:10px 12px}.model-grid{grid-template-columns:1fr;gap:12px}.model-card{padding:21px}.model-card-top{margin-bottom:14px}.model-card h3{font-size:21px}.model-card p{max-width:100%;font-size:12px;min-height:0;margin:13px 0 15px}.model-tags{margin-bottom:18px}.model-tags span{font-size:9px}.model-card-bottom button{font-size:12px}.section-note{font-size:8px;gap:12px;align-items:center}.section-note>span:first-child{align-items:flex-start}.section-note .small-dot{margin-top:5px}.section-note .mono{font-size:7px}.platform-section{padding:63px 0}.platform-layout{gap:34px}.section-description{font-size:12px;margin-top:20px}.feature-list summary{font-size:12px;gap:13px}.feature-list details p{font-size:11px}.workspace-body{padding:19px}.workspace-title{font-size:15px}.workspace-metrics{gap:15px}.workspace-metrics>div+div{padding-left:15px}.workspace-metrics strong{font-size:26px;flex-wrap:wrap;gap:5px}.workspace-metrics small{font-size:7px}.workspace-metrics>div>span{font-size:8px}.mini-request{font-size:9px}.mini-request .mono{font-size:7px}.pricing-section{grid-template-columns:1fr;gap:32px}.pricing-principles{gap:12px;margin:24px 0}.pricing-principles>span{font-size:12px}.fine-print{font-size:9px}.calculator{padding:23px}.calculator-heading{font-size:15px}.estimate{flex-wrap:nowrap;gap:10px}.estimate strong{font-size:32px}.estimate span{font-size:11px}.cost-breakdown{justify-content:flex-end}.developer-section{padding:63px 0}.integration-steps{display:flex;flex-direction:column;gap:0}.integration-step{flex-direction:row;gap:16px;padding-bottom:26px}.integration-step:not(:last-child):after{display:block;bottom:5px}.integration-step h3{font-size:15px}.integration-step p{font-size:12px}.integration-step>div{max-width:100%}.endpoint-code{font-size:11px}.integration-step select{font-size:11px}.code-toolbar{padding:0 14px;gap:8px}.code-tabs{gap:19px}.code-tabs button{font-size:9px}.copy-button{font-size:9px}.code-panel pre{font-size:10px;padding:20px 17px;min-height:245px}.code-panel-footer{padding:13px 14px;gap:10px}.code-panel-footer>.mono{font-size:6px}.code-panel-footer .button{font-size:9px;gap:6px}.code-disclaimer{padding:11px 14px;font-size:8px}.closing-section{padding:61px 10px 49px}.closing-section h2{font-size:43px}.closing-section .eyebrow{font-size:6px;letter-spacing:.15em}.closing-section .button{font-size:12px}.closing-orbit{width:440px;height:440px}.site-footer{padding-top:35px}.footer-main{gap:22px}.footer-main p{font-size:9px}.footer-links{justify-content:flex-start;font-size:10px;gap:23px}.footer-bottom{flex-wrap:wrap;font-size:8px;row-gap:13px;margin-top:26px}.footer-bottom>span:nth-child(2){order:3;width:100%}.console-dialog{width:calc(100% - 20px);height:calc(100dvh - 30px);max-height:calc(100dvh - 30px);border-radius:10px}.console-shell{flex-direction:column}.console-sidebar{width:100%;padding:15px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.console-sidebar .brand>span{font-size:12px}.console-sidebar .brand img{width:25px;height:25px}.console-sidebar .brand small{display:none}.console-sidebar .brand-ai{margin-left:4px}.console-sidebar nav{margin:0;flex-direction:row;gap:3px}.console-sidebar nav button{font-size:9px;padding:7px 8px;gap:0;white-space:nowrap}.console-sidebar nav button>span:first-child{display:none}.console-profile{display:none}.console-main{padding:20px 15px}.console-topbar{margin-bottom:20px}.console-topbar h2{font-size:23px}.console-topbar>div:last-child{gap:10px}.console-metrics{gap:7px}.console-metric{padding:10px}.console-metric strong{font-size:22px}.console-metric>span{font-size:8px}.console-metric small{font-size:7px}.console-chart{padding:15px}.console-actionbar{align-items:flex-start;gap:10px}.console-actionbar p{font-size:10px}.key-form{gap:7px}.key-form .button{padding:9px 10px;font-size:9px}.key-form input{font-size:10px;padding:9px}.key-row{padding:12px;gap:10px}.key-row strong{font-size:11px}.key-row code{font-size:8px}.key-actions{gap:3px}.key-actions button{padding:5px;font-size:8px}.model-dialog .dialog-heading{padding:18px 20px 0}#model-detail{padding:12px 22px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.workspace-preview{transform:none}}

/* Readable interface scale. Display headings retain their original sizes. */
:root {
  --copy-size: 16px;
  --ui-size: 15px;
  --secondary-size: 14px;
  --caption-size: 12px;
  --muted: #9aacc1;
}
body { font-size: var(--copy-size); }
.button, .hero-actions .button, .closing-section .button {
  font-size: var(--ui-size);
  min-height: 50px;
}
.button-small, .header-actions .button {
  font-size: var(--secondary-size);
  min-height: 43px;
  padding: 10px 17px;
}
.desktop-nav a, .mobile-nav a { font-size: var(--ui-size); }
.language-indicator { font-size: 13px; }
.brand small { font-size: 11px; letter-spacing: .06em; }
.hero-description { font-size: 18px; line-height: 1.75; }
.mono, .eyebrow, .eyebrow-pill, .eyebrow-pill .muted, .demo-badge {
  font-size: var(--caption-size);
}
.eyebrow { letter-spacing: .12em; }
.eyebrow-pill { padding: 9px 15px; gap: 11px; }
.stage-topline .mono { font-size: 11px; }
.provider-node { font-size: var(--ui-size); min-width: 215px; padding: 14px 16px; }
.provider-node small { font-size: 11px; letter-spacing: .025em; line-height: 1.5; }
.gateway-center .mono { font-size: 11px; letter-spacing: .075em; }
.gateway-center { gap: 23px; }
.route-trace { padding: 13px 16px; min-height: 51px; flex-wrap: wrap; }
.trace-label, .trace-status, .route-trace code { font-size: var(--caption-size); }
.hero-footnote { font-size: 13px; gap: 20px; }
.hero-footnote a { font-size: 11px; }
.section-heading > p, .section-description, #model-detail > p {
  font-size: var(--copy-size);
  line-height: 1.8;
}
.section-heading > p { max-width: 390px; }
.section-description { max-width: 440px; }
.filter { font-size: var(--secondary-size); padding: 10px 15px; }
.filter-tabs { gap: 5px; }
.search-field { padding: 11px 14px; }
.search-field input { font-size: var(--secondary-size); width: 175px; }
.search-field svg { width: 17px; height: 17px; }
.model-card p { font-size: var(--ui-size); line-height: 1.75; max-width: none; }
.model-provider, .model-tags span, .category-tag, .model-card-bottom > span { font-size: var(--caption-size); }
.model-tags { gap: 7px; }
.model-tags span { padding: 4px 8px; }
.model-card-bottom { gap: 10px; flex-wrap: wrap; }
.model-card-bottom button { font-size: var(--secondary-size); min-height: 38px; }
.section-note { font-size: var(--caption-size); align-items: center; }
.section-note .mono { font-size: var(--caption-size); }
.feature-list summary { font-size: var(--copy-size); }
.feature-list summary > .mono { font-size: var(--caption-size); }
.feature-list details p { font-size: var(--ui-size); line-height: 1.8; }
.mini-brand, .workspace-metrics small, .workspace-metrics > div > span,
.chart-header, .chart-header .mono, .chart-ticks, .mini-request .mono {
  font-size: var(--caption-size);
}
.workspace-title { font-size: 18px; }
.workspace-metrics strong { flex-wrap: wrap; }
.mini-request { font-size: var(--secondary-size); gap: 8px; }
.preview-console-link { font-size: var(--secondary-size); min-height: 43px; }
.pricing-principles > span { font-size: var(--ui-size); }
.fine-print, .model-dialog .fine-print { font-size: var(--caption-size); line-height: 1.8; }
.calculator-heading { font-size: 18px; gap: 12px; flex-wrap: wrap; }
.field-label, .range-heading, .calculator select, .estimate span { font-size: var(--secondary-size); }
.calculator select { min-height: 48px; }
.range-scale, .estimate small, .cost-breakdown { font-size: var(--caption-size); }
.range-scale { flex-wrap: wrap; gap: 5px; }
.estimate { gap: 14px; flex-wrap: wrap; }
.cost-breakdown { gap: 14px; flex-wrap: wrap; }
.integration-step > span { font-size: var(--caption-size); }
.integration-step p { font-size: var(--ui-size); line-height: 1.75; }
.text-button { font-size: var(--secondary-size); min-height: 40px; }
.endpoint-code { font-size: 13px; }
.integration-step select { font-size: var(--secondary-size); min-height: 44px; }
.code-tabs button, .copy-button { font-size: var(--secondary-size); }
.copy-button svg { width: 16px; height: 16px; }
.code-panel pre { font-size: var(--secondary-size); line-height: 1.85; }
.code-panel-footer { flex-wrap: wrap; }
.code-panel-footer > .mono, .response-panel .mono, .code-disclaimer { font-size: var(--caption-size); }
.code-panel-footer .button { font-size: var(--secondary-size); min-height: 42px; padding: 10px 14px; }
.response-panel pre { font-size: 13px; }
.code-disclaimer { line-height: 1.75; }
.closing-section .eyebrow, .closing-domain { font-size: var(--caption-size); }
.closing-domain { letter-spacing: .15em; }
.footer-main p, .footer-links { font-size: var(--secondary-size); }
.footer-bottom { font-size: var(--caption-size); }
.dialog-heading .eyebrow, .console-topbar .eyebrow { font-size: var(--caption-size); }
.detail-row { font-size: var(--secondary-size); flex-wrap: wrap; }
.detail-row code { font-size: 13px; overflow-wrap: anywhere; }
.console-sidebar { width: 230px; }
.console-sidebar .brand small { font-size: 9px; }
.console-sidebar nav button { font-size: var(--secondary-size); min-height: 44px; }
.console-profile { font-size: 13px; }
.console-profile small { font-size: 11px; }
.console-disclaimer { font-size: var(--caption-size); }
.console-metric > span, .console-metric small { font-size: var(--caption-size); }
.console-actionbar { flex-wrap: wrap; }
.console-actionbar p, .key-form input, .key-row strong, .console-empty { font-size: var(--secondary-size); }
.key-form input { min-height: 44px; }
.key-row code, .key-actions button { font-size: var(--caption-size); }
.key-row code { overflow-wrap: anywhere; }
.key-actions button { min-height: 36px; padding: 7px 9px; }
.key-row { flex-wrap: wrap; }
.data-table { font-size: var(--secondary-size); }
.data-table th { font-size: var(--caption-size); }
.console-log-filter { max-width: 220px; min-height: 43px; font-size: var(--secondary-size); }
.toast { font-size: var(--secondary-size); }

@media (max-width: 1100px) {
  .desktop-nav { gap: 22px; }
  .language-indicator { display: none; }
  .provider-node { min-width: 188px; padding: 12px; }
  .provider-node small { max-width: 135px; }
  .section-heading > p { max-width: 320px; }
  .platform-layout { gap: 35px; }
  .workspace-body { padding: 19px; }
  .workspace-metrics { gap: 15px; }
  .workspace-metrics > div + div { padding-left: 15px; }
  .integration-layout { gap: 32px; grid-template-columns: .75fr 1.25fr; }
  .footer-main { flex-wrap: wrap; }
  .footer-main p { margin-right: 0; }
}
@media (max-width: 1000px) {
  .model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .model-toolbar { flex-direction: column; align-items: stretch; gap: 16px; }
  .search-field input { width: 100%; }
  .route-trace code { order: 3; flex-basis: 100%; }
  .route-trace { row-gap: 8px; }
  .trace-status { margin-left: auto; }
  .gateway-stage { height: 340px; }
  .integration-layout { grid-template-columns: 1fr; gap: 30px; }
  .integration-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  .integration-step { flex-direction: column; padding-bottom: 0; gap: 12px; }
  .integration-step:not(:last-child):after { display: none; }
  .console-sidebar { width: 195px; }
}
@media (max-width: 900px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .header-actions { gap: 14px; }
  .header-inner { height: 76px; }
}
@media (max-width: 800px) {
  .section-heading { display: block; }
  .section-heading > p { max-width: 100%; margin-top: 22px; }
  .hero-description { font-size: 17px; }
  .hero-footnote { flex-wrap: wrap; gap: 10px; }
  .provider-node { min-width: 175px; }
  .provider-node small { font-size: 10px; }
  .platform-layout { grid-template-columns: 1fr; }
  .pricing-section { grid-template-columns: 1fr; gap: 35px; }
  .pricing-intro .section-description { max-width: 550px; }
  .calculator { width: 100%; }
  .footer-bottom { flex-wrap: wrap; }
  .footer-main p { font-size: var(--secondary-size); }
}
@media (max-width: 600px) {
  .brand small { font-size: 10px; }
  .header-inner { gap: 12px; }
  .header-actions { gap: 4px; }
  .header-actions .button { font-size: 13px; min-height: 42px; padding: 10px 12px; }
  .hero-description { font-size: 16px; }
  .eyebrow-pill { font-size: 10px; gap: 8px; padding: 9px 11px; }
  .eyebrow-pill .muted { font-size: 10px; }
  .hero-actions .button { font-size: var(--ui-size); padding: 12px 17px; gap: 12px; }
  .gateway-stage { height: 400px; margin-top: 35px; }
  .stage-topline { flex-wrap: wrap; row-gap: 4px; }
  .stage-topline .mono { font-size: 9px; letter-spacing: .02em; }
  .provider-node { width: 44%; min-width: 0; font-size: var(--secondary-size); padding: 10px; gap: 8px; min-height: 74px; }
  .provider-node small { font-size: 10px; white-space: normal; line-height: 1.4; max-width: none; }
  .provider-node > span:last-of-type { min-width: 0; }
  .node-one, .node-three { top: 11%; }
  .node-two, .node-four { top: 62%; }
  .node-one, .node-two { left: 1%; }
  .node-three, .node-four { right: 1%; }
  .gateway-center { top: 45%; gap: 20px; }
  .gateway-center .mono { font-size: 10px; }
  .route-trace { min-height: 63px; padding: 11px; gap: 8px; }
  .trace-label { width: auto; font-size: 10px; }
  .trace-status { position: static; font-size: 10px; margin-left: auto; }
  .route-trace code { font-size: 11px; white-space: normal; overflow-wrap: anywhere; line-height: 1.7; }
  .trace-model { display: inline-block; }
  .hero-footnote { font-size: var(--caption-size); }
  .hero-footnote a { font-size: 10px; }
  .eyebrow { font-size: 11px; }
  .model-grid { grid-template-columns: 1fr; }
  .filter-tabs { flex-wrap: wrap; gap: 5px; overflow: visible; }
  .filter { font-size: 13px; padding: 9px 12px; }
  .search-field input { font-size: 16px; }
  .model-card p { font-size: var(--ui-size); }
  .model-card-bottom button { font-size: var(--ui-size); }
  .section-note { align-items: flex-start; }
  .section-note .mono { font-size: 11px; }
  .feature-list summary { font-size: var(--ui-size); gap: 12px; }
  .workspace-title { font-size: 17px; }
  .workspace-metrics { gap: 12px; }
  .workspace-metrics > div + div { padding-left: 12px; }
  .workspace-metrics small, .chart-header .mono, .chart-ticks { font-size: 11px; }
  .mini-request { font-size: 13px; flex-wrap: wrap; }
  .mini-request .mono { font-size: 11px; }
  .calculator select, .integration-step select, .key-form input { font-size: 16px; }
  .estimate { flex-wrap: wrap; }
  .range-scale { font-size: 11px; }
  .integration-steps { display: flex; flex-direction: column; gap: 0; }
  .integration-step { flex-direction: row; gap: 16px; padding-bottom: 29px; }
  .integration-step:not(:last-child):after { display: block; }
  .integration-step > div { flex: 1; min-width: 0; max-width: calc(100% - 45px); }
  .integration-step p { font-size: var(--ui-size); }
  .endpoint-code { font-size: 13px; }
  .code-toolbar { gap: 9px; padding: 0 13px; }
  .code-tabs { gap: 13px; }
  .code-tabs button, .copy-button { font-size: 13px; }
  .copy-button { gap: 4px; }
  .copy-button svg { width: 13px; height: 13px; }
  .code-panel pre { font-size: 13px; }
  .code-panel-footer { row-gap: 14px; }
  .code-panel-footer > .mono { font-size: 11px; }
  .code-panel-footer .button { font-size: 13px; }
  .closing-section .eyebrow { font-size: 10px; letter-spacing: .08em; }
  .footer-main { align-items: flex-start; }
  .footer-main p { flex-basis: 100%; font-size: var(--secondary-size); }
  .footer-links { font-size: var(--secondary-size); gap: 22px; flex-wrap: wrap; }
  .footer-bottom { font-size: var(--caption-size); }
  .console-sidebar { width: 100%; flex-direction: column; align-items: stretch; gap: 14px; }
  .console-sidebar .brand { align-self: flex-start; }
  .console-sidebar .brand > span { font-size: 15px; }
  .console-sidebar nav { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
  .console-sidebar nav button { justify-content: center; padding: 8px 5px; font-size: 13px; min-height: 42px; white-space: normal; }
  .console-metric { padding: 11px 9px; }
  .console-metric > span { font-size: 12px; }
  .console-metric small { font-size: 11px; }
  .console-actionbar p { font-size: var(--secondary-size); }
  .key-form { flex-wrap: wrap; }
  .key-form input { flex-basis: 100%; }
  .key-form .button { font-size: var(--secondary-size); min-height: 43px; }
  .key-row strong { font-size: var(--secondary-size); }
  .key-row code { font-size: 12px; }
  .key-actions { margin-left: auto; gap: 8px; }
  .key-actions button { font-size: 12px; padding: 8px 10px; }
}