@import url('/fonts.css');
:root{--bg:#f6f5f1;--paper:#fff;--ink:#252621;--muted:#74756d;--line:#e4e3dc;--accent:#854f3c;--accent-hover:#6c3d2d;--soft:#eee7e1;--green:#517453;--green-soft:#edf3e9;--radius:13px;--mono:Consolas,'Liberation Mono',monospace;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.18}h1,h2{letter-spacing:-1.8px}h3{letter-spacing:-.4px}button{border:0}svg{display:inline-block;vertical-align:middle;flex-shrink:0}button svg,a svg{pointer-events:none}::selection{background:#e8d8c9}.container{max-width:1200px;margin:auto;padding:0 30px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:10px 19px;border-radius:7px;font-weight:600;font-size:13px;background:var(--paper);border:1px solid var(--line);transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f1f0ea}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.small{min-height:34px;padding:6px 12px;font-size:12px}.btn.quiet{border-color:transparent;background:transparent}.btn.block{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.text-link:hover{color:var(--accent)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;background:#f1f0eb;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.tag.green{background:var(--green-soft);color:var(--green)}.tag.warm{background:#f3e8dd;color:#966534}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:currentColor}.status-dot{color:var(--green)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.rule{height:1px;background:var(--line)}.skip-link{position:fixed;top:-60px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.initial-load{padding:60px;text-align:center}
/* Navigation */
.announcement{border-bottom:1px solid var(--line);text-align:center;font-size:11px;padding:9px 15px;color:#66685f;letter-spacing:.1px}.announcement strong{font-weight:500;color:var(--ink)}.announcement a{margin-left:9px;text-decoration:underline;text-underline-offset:3px}.site-header{height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.65px;white-space:nowrap}.logo-mark{width:30px;height:30px;background:var(--accent);border-radius:7px;display:grid;place-items:center;color:white}.logo-mark svg{width:22px;height:22px}.site-nav{display:flex;align-items:center;gap:28px;margin-left:20px;margin-right:auto;font-size:12px}.site-nav a{color:#6b6c64}.site-nav a:hover,.site-nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:17px;font-size:12px}.header-divider{height:20px;width:1px;background:var(--line)}.mobile-toggle{display:none;background:transparent;padding:8px}
/* Landing */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:74px;align-items:center;padding:75px 0 67px}.hero-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #daddd1;padding:5px 10px;border-radius:5px;font-size:10px;color:#626c4f;background:#f2f3ed;margin-bottom:22px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:68px;line-height:1.055;letter-spacing:-3.6px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:14px;line-height:1.85;color:#77786f;max-width:360px;margin-top:25px}.hero-actions{display:flex;gap:12px;margin-top:27px}.hero-note{display:flex;gap:16px;align-items:center;margin-top:21px;font-size:10px;color:var(--muted)}.hero-note span{display:flex;gap:5px;align-items:center}.gateway-visual{background:#eeede7;border:1px solid #e3e2d9;border-radius:15px;padding:22px;position:relative}.visual-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:10px;color:#7c7d74}.visual-top .eyebrow{font-size:9px;letter-spacing:1.4px}.route-card{background:#fafaf7;border:1px solid #ddded5;border-radius:9px;padding:19px 20px;display:flex;gap:13px;align-items:center}.route-icon{width:36px;height:36px;border:1px solid #e0e1d8;border-radius:8px;display:grid;place-items:center;color:#6a6c60;background:#fff}.route-card strong{font-size:13px;display:block;font-weight:600}.route-card small{font-size:10px;color:#85867c}.route-card .tag{margin-left:auto}.route-connector{height:25px;display:flex;align-items:center;justify-content:center;color:#acafa0}.route-center{background:#f9f7f1;border-color:#d8c8ba}.route-center .logo-mark{width:36px;height:36px}.route-center .tag{background:#eee5dc;color:#8a6c57}.branch-lines{height:33px;position:relative;width:76%;margin:auto;border-top:0}.branch-lines:before{content:'';position:absolute;top:0;left:50%;height:16px;border-left:1px dashed #bfc1b2}.branch-lines:after{content:'';position:absolute;left:0;right:0;top:16px;height:17px;border:1px dashed #bfc1b2;border-bottom:0}.provider-routes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.provider-route{background:#fafaf8;border:1px solid #dedfd5;border-radius:8px;padding:15px 5px 12px;text-align:center}.provider-symbol{font-size:25px;font-weight:600;line-height:1;display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center}.provider-symbol.anthropic{color:#ba7d58;font-family:Georgia,serif;font-size:33px}.provider-symbol.openai{color:#476655;font-size:30px}.provider-symbol.google{color:#6084b2;font-size:30px}.provider-symbol.xai{color:#3f423a;font-family:Georgia,serif;font-style:italic}.provider-route strong{display:block;font-size:10px;margin-top:7px}.provider-route small{font-size:8px;color:#87897d}.visual-footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:8px;font-family:var(--mono);color:#818375}.visual-footer span{display:flex;align-items:center;gap:5px}.provider-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.provider-strip>p{font-size:10px;color:#7e8077;max-width:130px;line-height:1.7}.provider-word{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:550;letter-spacing:-.6px}.provider-word.anthropic{font-family:Georgia,serif;font-size:22px;letter-spacing:-1px}.provider-word.xai{font-style:italic}.provider-word.google{font-weight:450}.models-section{padding:65px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-1px;margin:8px 0 9px}.section-heading p{color:var(--muted);font-size:12px}.section-heading>.text-link{padding-bottom:5px}.featured-models{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.model-card{padding:22px 20px 16px;transition:border-color .15s,transform .15s}.model-card:hover{border-color:#b9b9aa;transform:translateY(-2px)}.model-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.model-card h3{font-size:15px;font-weight:600}.model-card .model-provider{font-size:10px;color:#84857c;margin-top:4px}.model-card p{font-size:11px;line-height:1.75;color:#77786f;min-height:42px;margin:14px 0 20px}.model-card-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#838578}.model-card-bottom svg{color:#747768}.catalog-note{font-size:10px;color:#8d8e84;margin-top:15px}.section-split{padding:17px 0 68px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-split h2{font-family:Georgia,serif;font-weight:400;font-size:37px;line-height:1.2;letter-spacing:-1px;margin:10px 0 22px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:15px;padding:14px 0}.step-number{display:grid;place-items:center;border:1px solid #dcded3;color:#6f7461;min-width:27px;height:27px;border-radius:6px;font:11px var(--mono);margin-top:1px}.steps strong{font-size:12px;font-weight:600}.steps p{font-size:11px;color:var(--muted);margin-top:4px}.code-panel{background:#272b25;color:#dbdfd1;border:1px solid #3c4036;border-radius:11px;overflow:hidden;font-size:11px}.code-header{padding:13px 18px;border-bottom:1px solid #3b4035;display:flex;justify-content:space-between;align-items:center;color:#8e9784;font:10px var(--mono)}.code-dots{display:flex;gap:4px}.code-dots i{width:6px;height:6px;border-radius:50%;background:#606656}.code-panel pre{padding:24px;margin:0;overflow:auto;font-family:var(--mono);font-size:11px;line-height:2}.code-panel .str{color:#c8bf95}.code-panel .kw{color:#a1b69d}.code-footer{margin:0 20px;padding:12px 0;border-top:1px solid #3b4035;font-size:9px;color:#929d85;display:flex;align-items:center;gap:7px}.funding-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #dfdfd3;border-radius:12px;background:#eeefe7;padding:29px 33px}.funding-icon{width:47px;height:47px;border:1px solid #d6d9c8;display:grid;place-items:center;border-radius:10px;color:#737d60;flex-shrink:0}.funding-banner-text{flex:1}.funding-banner h3{font-family:Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.5px}.funding-banner p{font-size:11px;color:#7a7f6e;margin-top:7px}.funding-banner .btn{background:#fbfbf7}.faq-section{padding:60px 0 65px;display:grid;grid-template-columns:1fr 1.55fr;gap:85px}.faq-section h2{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-1px;margin:10px 0}.faq-section p{color:var(--muted);font-size:12px}.faq-section details{border-bottom:1px solid var(--line);padding:15px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-section summary:after{content:'+';font-size:18px;color:#818374;font-weight:300}.faq-section details[open] summary:after{content:'−'}.faq-section details p{padding-top:12px;font-size:11px;line-height:1.9}.site-footer{border-top:1px solid var(--line);padding:27px 0 23px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .logo{font-size:15px}.site-footer .logo-mark{width:24px;height:24px;border-radius:5px}.site-footer p{font-size:10px;color:#94968a;margin-top:16px}.footer-links{display:flex;gap:22px;font-size:11px;color:#76796a}.footer-note{font-size:9px;color:#989a8f}
/* Model catalog */
.page-heading{padding:44px 0 32px}.page-heading h1{font-family:Georgia,serif;font-weight:400;font-size:44px;letter-spacing:-1.5px;margin:10px 0 12px}.page-heading p{font-size:13px;color:var(--muted);max-width:620px}.catalog-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:20px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tab{padding:8px 13px;font-size:12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted)}.filter-tab:hover{background:#eeeee6}.filter-tab.active{background:var(--paper);color:var(--ink);border-color:var(--line)}.filter-tab span{font:10px var(--mono);margin-left:5px;opacity:.6}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:12px;top:12px;color:#8a8c80}.search-wrap input{height:40px;padding:8px 12px 8px 37px;border:1px solid var(--line);background:var(--paper);border-radius:7px;min-width:235px;font-size:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.data-table th{padding:14px 20px;text-align:left;font-size:10px;font-weight:500;color:#878a7b;background:#fcfcf9;border-bottom:1px solid var(--line)}.data-table td{padding:17px 20px;border-bottom:1px solid #ededE7}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcf9}.table-model{display:flex;align-items:center;gap:13px}.table-model .provider-symbol{width:30px;font-size:26px}.table-model strong{font-size:12px;font-weight:600}.table-model code{display:block;font:9px var(--mono);color:#939585;margin-top:5px}.table-model .tag{margin-left:6px}.data-table .muted{font-size:11px}.table-note{margin:18px 0 40px;font-size:11px;color:var(--muted);line-height:1.8}.table-note a{text-decoration:underline;text-underline-offset:3px}.empty-search{padding:55px;text-align:center;color:var(--muted)}
/* Console */
.console-shell{display:flex;min-height:100vh}.sidebar{width:212px;position:fixed;top:0;bottom:0;left:0;background:#f0efe9;border-right:1px solid var(--line);padding:26px 17px 19px;display:flex;flex-direction:column;z-index:20}.sidebar .logo{font-size:17px;margin:0 7px 33px;gap:8px}.sidebar .logo-mark{width:27px;height:27px}.workspace-select{border:1px solid #ddddd2;background:#f8f7f3;border-radius:7px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:27px;font-size:11px}.workspace-select>span:first-child{height:25px;width:25px;display:grid;place-items:center;background:#e3e5d9;color:#6b745c;border-radius:5px;font-size:12px}.workspace-select small{color:#9a9c8d;font-size:9px;display:block}.workspace-select>svg{margin-left:auto;color:#929682}.nav-label{font-size:9px;letter-spacing:1.3px;color:#9b9d90;margin:0 12px 10px}.console-nav{display:flex;flex-direction:column;gap:4px}.console-nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:6px;color:#7c7f70;font-size:12px}.console-nav a svg{width:16px;height:16px}.console-nav a.active{background:#e5e6dc;color:#454d39;font-weight:600}.console-nav a:hover{background:#e9e9e0}.sidebar-bottom{margin-top:auto}.sidebar-help{border:1px solid #dddfd1;border-radius:8px;padding:13px 12px;margin:25px 2px 15px}.sidebar-help strong{font-size:11px;font-weight:500}.sidebar-help p{font-size:10px;color:#858979;margin:4px 0 9px}.sidebar-help a{font-size:10px;color:#697258;display:flex;gap:7px;align-items:center}.sidebar-profile{border-top:1px solid #dddfd3;padding:16px 6px 0;display:flex;align-items:center;gap:9px}.avatar{height:29px;width:29px;background:#e1dbd0;color:#877963;font-size:10px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.sidebar-profile strong{font-size:10px;display:block;max-width:113px;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{font-size:9px;color:#979987}.sidebar-profile button{background:transparent;padding:4px;margin-left:auto;color:#969885}.console-body{margin-left:212px;flex:1;min-width:0}.console-topbar{height:70px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#faf9f6}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:10px;color:#999b8e}.breadcrumbs strong{color:#565b4d;font-weight:500}.topbar-right{display:flex;gap:15px;align-items:center;font-size:10px;color:#939783}.balance-chip{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e1e2d9;border-radius:6px;padding:7px 10px;color:#646c55;font:11px var(--mono)}.console-content{max-width:1440px;padding:34px 36px 50px;margin:0 auto}.console-page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.console-page-title h1{font-size:25px;font-weight:550;letter-spacing:-.8px}.console-page-title p{font-size:11px;color:#929582;margin-top:7px}.console-page-title .btn{font-size:11px;min-height:37px}.setup-notice{display:flex;align-items:center;gap:11px;background:#eeeFe6;border:1px solid #dce0cd;border-radius:7px;color:#778063;font-size:10px;padding:11px 15px;margin-bottom:22px}.setup-notice a{margin-left:auto;white-space:nowrap;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{padding:18px 20px}.stat-head{display:flex;justify-content:space-between;color:#939684;font-size:10px}.stat-head svg{width:15px;color:#9a9f8b}.stat-number{font-size:27px;letter-spacing:-1px;font-weight:500;margin-top:12px;line-height:1.1}.stat-foot{font-size:9px;color:#a3a694;margin-top:9px}.stat:first-child{background:#f2f4eb;border-color:#dce1cf}.stat:first-child .stat-number{color:#586747}.dashboard-row{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:23px}.panel-header{padding:20px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{font-size:13px;letter-spacing:-.2px;font-weight:600}.panel-header .muted{font-size:9px}.panel-header a{font-size:10px;color:#838a72}.chart{padding:22px 22px 17px;position:relative}.chart-body{height:150px;position:relative;margin-left:35px;border-bottom:1px solid #e8eadf;display:flex;align-items:flex-end;justify-content:space-around;gap:4px}.chart-line{position:absolute;left:0;right:0;border-top:1px dashed #e8eadf;height:1px}.chart-line:nth-child(1){top:0}.chart-line:nth-child(2){top:50%}.chart-labels{position:absolute;top:18px;left:18px;bottom:35px;font:8px var(--mono);color:#a3a88f;display:flex;flex-direction:column;justify-content:space-between}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#9ba18e;gap:5px}.chart-empty strong{font-weight:500;color:#77836a;font-size:11px}.chart-axis{display:flex;justify-content:space-between;margin-left:35px;font:8px var(--mono);color:#a3a88f;margin-top:10px}.chart-bar{background:#9fac8d;flex:1;max-width:14px;border-radius:3px 3px 0 0;z-index:1}.quickstart-body{padding:18px 22px}.quickstep{display:flex;gap:12px;margin-bottom:19px}.quickstep:last-child{margin-bottom:0}.quickstep .step-number{width:23px;min-width:23px;height:23px;font-size:9px}.quickstep strong{font-size:10px;font-weight:500}.quickstep p{font-size:9px;color:#989c88;margin-top:3px}.recent-panel .data-table th{padding-top:16px}.recent-panel .panel-header{padding-bottom:18px}.empty-state{text-align:center;padding:33px 22px 37px}.empty-state .empty-icon{height:35px;width:35px;display:grid;place-items:center;background:#f1f3e9;color:#8b9479;border-radius:9px;margin:0 auto 11px}.empty-state strong{font-size:11px;font-weight:500;display:block}.empty-state p{font-size:10px;color:#999e8b;margin:6px 0 14px}.console-models{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}.console-model{display:flex;align-items:center;gap:10px;padding:15px 12px}.console-model .provider-symbol{width:26px;font-size:24px}.console-model strong{font-size:10px;font-weight:500;display:block}.console-model small{font-size:8px;color:#9c9f8c}.console-model>svg{margin-left:auto;color:#939b83}.console-footer{display:flex;justify-content:space-between;gap:15px;margin-top:25px;font-size:8px;color:#a0a38f}.console-section-label{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:11px;font-weight:500}.console-section-label a{font-size:10px;font-weight:400;color:#879076}
/* Billing and forms */
.billing-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:25px}.panel-body{padding:24px}.panel-body h2{font-size:16px;letter-spacing:-.4px}.panel-body>p{font-size:12px;color:var(--muted);margin:9px 0 21px}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:19px 0}.amount-btn{padding:16px 10px;border:1px solid var(--line);border-radius:7px;background:#fafbf7;font-size:17px;font-weight:500}.amount-btn.selected{border-color:var(--accent);background:#f5eeE8;color:var(--accent);box-shadow:0 0 0 1px var(--accent)}label{display:block;font-size:11px;color:#6b7160;font-weight:500;margin-bottom:7px}.field{width:100%;height:43px;border:1px solid #dedfd4;border-radius:6px;background:#fff;padding:10px 12px;color:var(--ink)}.input-group{margin-bottom:16px}.input-prefix{position:relative}.input-prefix span{position:absolute;left:13px;top:11px;color:#8a907d;font-size:13px}.input-prefix .field{padding-left:29px}.field-help{font-size:10px;color:#929782;margin-top:7px}.billing-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:19px 0;margin-top:22px;font-size:12px}.billing-summary strong{font-size:23px;font-weight:500;letter-spacing:-.5px}.safe-note{display:flex;gap:7px;justify-content:center;align-items:center;color:#969a88;font-size:9px;margin-top:13px}.payment-info{padding:25px;background:#f0f2e8;border-color:#dee3d2}.payment-info h3{font-size:15px;font-weight:500;margin:17px 0 10px}.payment-info p{font-size:12px;color:#7e8871;line-height:1.9}.payment-info ul{list-style:none;padding:0;margin:25px 0 0;font-size:11px;color:#78836a}.payment-info li{display:flex;align-items:center;gap:8px;margin:12px 0}.mode-warning{border:1px solid #e6d6b8;background:#fbf5e9;border-radius:7px;padding:11px 13px;color:#947640;font-size:11px;line-height:1.7;margin-top:16px}.key-reveal{font-family:var(--mono);font-size:11px;word-break:break-all;white-space:pre-wrap;background:#f0f3e9;border:1px solid #d9e1ca;padding:15px;border-radius:6px;margin:18px 0}.inline-error{font-size:11px;color:#a74f3b;background:#faf0eb;padding:10px;border-radius:5px;margin:10px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-line{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px}.setting-line span{color:var(--muted)}.setting-line strong{font-weight:500;word-break:break-all}.settings-grid .panel-body .btn{margin-top:20px}
/* Docs and modal */
.docs-layout{display:grid;grid-template-columns:190px 1fr;gap:55px;padding:45px 0 65px}.docs-nav{display:flex;flex-direction:column;gap:12px;font-size:12px;color:var(--muted);position:sticky;top:35px;align-self:start}.docs-nav strong{font-size:10px;letter-spacing:1px;color:#9b9e90;margin-bottom:5px}.docs-content{max-width:800px}.docs-content h1{font-family:Georgia,serif;font-size:43px;font-weight:400;margin:4px 0 15px}.docs-content h2{font-size:20px;letter-spacing:-.5px;margin:37px 0 16px}.docs-content>p,.docs-content li{font-size:13px;color:var(--muted);line-height:1.9}.docs-content pre{background:#272b25;color:#d6ddce;padding:22px;border-radius:8px;font:11px/1.9 var(--mono);overflow:auto;margin:18px 0}.docs-content code{font-family:var(--mono);font-size:11px}.docs-content .data-table{margin-top:15px}.docs-content .copy-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#989e8e}.docs-content .mode-warning{font-size:11px}.docs-content .source-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px}.source-links a{font-size:11px;text-decoration:underline;color:var(--accent)}dialog{padding:0;border:1px solid #ddded5;border-radius:13px;max-width:440px;width:calc(100% - 32px);box-shadow:0 25px 100px #29291f26;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#272b2555;backdrop-filter:blur(3px)}.modal-body{padding:30px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-head h2{font-size:22px;font-weight:550;letter-spacing:-.6px}.close-btn{background:transparent;padding:4px;color:#8a8f7d;display:grid;place-items:center}.modal-body>p{font-size:12px;color:var(--muted);margin-bottom:22px;line-height:1.8}.modal-footer{margin-top:20px;font-size:11px;color:#8b907f;text-align:center}.modal-footer button{color:var(--accent);background:transparent;font-size:11px;padding:0 5px;font-weight:600}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;background:#30392b;color:#f0f4e9;border:1px solid #495640;padding:12px 21px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0002;max-width:calc(100vw - 30px)}.toast[hidden]{display:none}.error-banner{padding:20px;border:1px solid #e5c8bc;color:#99513b;background:#fbf2ed;border-radius:8px;margin:20px 0;font-size:13px}
@media(min-width:1500px){.container{max-width:1280px}.hero{gap:100px;padding:88px 0 78px}.hero h1{font-size:76px}.hero-description{font-size:15px}.gateway-visual{padding:27px}.route-card{padding:22px}.hero-note{font-size:11px}.model-card{padding:24px}.console-content{padding:40px 48px}.console-topbar{padding:0 48px}.chart-body{height:180px}}
@media(max-width:1050px){.site-nav{gap:17px}.hero{gap:35px;padding:50px 0}.hero h1{font-size:55px}.gateway-visual{padding:16px}.route-card{padding:15px 12px}.visual-footer{font-size:7px}.provider-strip{gap:20px}.featured-models{grid-template-columns:repeat(2,1fr)}.section-split{gap:35px}.sidebar{width:185px;padding:22px 12px}.sidebar .logo{font-size:15px}.console-body{margin-left:185px}.console-content{padding:28px 24px}.console-topbar{padding:0 24px}.stats-grid{gap:10px}.stat{padding:16px 15px}.stat-number{font-size:24px}.dashboard-row{grid-template-columns:1.35fr 1fr;gap:14px}.console-models{grid-template-columns:repeat(2,1fr)}.billing-grid{grid-template-columns:1fr}.payment-info{display:none}.docs-layout{gap:25px;grid-template-columns:150px 1fr}}
@media(max-width:760px){.container{padding:0 22px}.announcement{font-size:9px}.site-header{height:72px;gap:10px}.logo{font-size:17px}.site-nav{display:none}.site-header.menu-open .site-nav{display:flex;position:absolute;top:106px;left:0;right:0;margin:0;padding:20px;background:var(--bg);border-bottom:1px solid var(--line);z-index:10;justify-content:center}.mobile-toggle{display:block}.header-actions{gap:9px}.header-actions>.login-link,.header-divider{display:none}.header-actions .btn{padding:8px 12px;min-height:36px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 0 38px;gap:33px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-description{font-size:13px;max-width:360px;margin-top:19px}.hero-pill{margin-bottom:19px}.hero-note{font-size:9px;gap:10px}.gateway-visual{max-width:490px;width:100%;margin:auto;padding:21px}.visual-footer{font-size:8px}.provider-strip{flex-wrap:wrap;justify-content:space-around;padding:19px 0;gap:18px}.provider-strip>p{width:100%;max-width:none;text-align:center;font-size:9px}.provider-word{font-size:15px;gap:5px}.provider-word.anthropic{font-size:17px}.provider-word .provider-symbol{font-size:22px;width:22px;height:22px}.models-section{padding:40px 0}.section-heading{align-items:start}.section-heading h2{font-size:28px}.section-heading p{font-size:11px}.section-heading>.text-link{font-size:10px;margin-top:30px;white-space:nowrap}.featured-models{gap:10px}.model-card{padding:16px 14px}.model-card h3{font-size:13px}.model-card p{font-size:10px}.model-card .tag{font-size:8px}.model-card-top{margin-bottom:14px}.model-card-bottom{font-size:9px}.section-split{grid-template-columns:1fr;padding:0 0 40px;gap:22px}.section-split h2{font-size:32px}.steps li{padding:11px 0}.funding-banner{padding:24px 22px;flex-wrap:wrap;gap:16px}.funding-icon{display:none}.funding-banner h3{font-size:23px}.funding-banner p{font-size:10px}.funding-banner .btn{width:100%}.faq-section{grid-template-columns:1fr;gap:26px;padding:40px 0}.faq-section h2{font-size:29px}.footer-row{flex-wrap:wrap}.footer-links{gap:15px;font-size:10px}.footer-note{display:none}.site-footer p{font-size:9px}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-wrap input{width:100%}.filter-tabs{gap:1px}.filter-tab{font-size:11px;padding:7px 9px}.page-heading{padding-top:24px}.page-heading h1{font-size:37px}.page-heading p{font-size:12px}.data-table th,.data-table td{padding-left:14px;padding-right:14px}.sidebar{width:64px;padding:23px 8px 14px;align-items:center}.sidebar .logo{margin:0 0 31px}.sidebar .logo-text,.workspace-select,.nav-label,.console-nav a span,.sidebar-help,.sidebar-profile>div:not(.avatar),.sidebar-profile>button{display:none}.console-nav{width:100%;gap:10px}.console-nav a{padding:11px;justify-content:center}.sidebar-profile{padding:15px 0 0}.sidebar-bottom{width:100%;display:flex;justify-content:center}.console-body{margin-left:64px}.console-topbar{padding:0 17px;height:64px}.breadcrumbs{font-size:9px;gap:7px}.topbar-right>span,.topbar-right>.avatar{display:none}.balance-chip{font-size:10px;padding:6px}.console-content{padding:24px 16px}.console-page-title{gap:10px}.console-page-title h1{font-size:23px}.console-page-title p{font-size:10px;max-width:180px}.console-page-title .btn{font-size:10px;padding:7px 10px;gap:6px}.setup-notice{font-size:9px;flex-wrap:wrap;gap:7px;padding:10px}.setup-notice a{margin-left:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat-head{font-size:9px}.stat-number{font-size:24px}.stat-foot{font-size:8px}.dashboard-row{grid-template-columns:1fr}.quickstart-card{display:none}.panel-header{padding:17px 16px 0}.panel-header h2{font-size:12px}.console-models{grid-template-columns:1fr 1fr;gap:8px}.console-model{padding:11px 9px;gap:5px}.console-model strong{font-size:9px}.console-model small{font-size:7px}.console-model>svg{display:none}.console-model .provider-symbol{width:20px;font-size:20px}.console-footer{font-size:7px;flex-wrap:wrap}.billing-grid{gap:15px}.panel-body{padding:19px}.amount-grid{grid-template-columns:repeat(2,1fr)}.amount-btn{font-size:15px;padding:13px}.settings-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr;padding-top:25px;gap:25px}.docs-nav{display:none}.docs-content h1{font-size:36px}.docs-content>p,.docs-content li{font-size:12px}.modal-body{padding:25px}}
.nav-resources{margin-top:25px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep fine-print useful rather than decorative. */
.hero-note,.catalog-note,.model-card-bottom{font-size:11px}
.model-card p,.steps p,.funding-banner p,.faq-section details p{font-size:12px}
.visual-footer,.provider-route small{font-size:10px}
.stat-head,.stat-foot,.console-page-title p,.quickstep p,.empty-state p{font-size:11px}
.quickstep strong,.console-model strong,.console-section-label{font-size:12px}
.console-model small,.console-footer{font-size:10px}
.setup-notice{font-size:11px}
.stat-foot,.console-page-title p,.quickstep p,.empty-state p,.console-model small{color:#747b69}
@media(max-width:760px){.hero-note{font-size:9px}.visual-footer{font-size:8px}.console-model strong{font-size:10px}.console-model small{font-size:8px}.stat-foot{font-size:9px}.setup-notice{font-size:10px}.console-footer{font-size:8px}}