@font-face{font-family:Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;font-style:normal;font-weight:500 800;font-display:swap;src:url('/assets/fonts/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-weight:500 800;font-display:swap;src:url('/assets/fonts/unbounded-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:dark;
  --bg:#000;
  --panel:#0b0b10;
  --panel-2:#111118;
  --panel-3:#17171f;
  --text:#f4f4f7;
  --secondary:#b7b7c2;
  --muted:#83838f;
  --border:rgba(255,255,255,.12);
  --border-strong:rgba(255,255,255,.22);
  --pearl:#dedafa;
  --pearl-2:#c9e3ea;
  --pearl-ink:#111016;
  --danger:#ff8c92;
  --danger-bg:rgba(190,45,53,.14);
  --success:#b9e2c6;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --shell:min(1240px,calc(100% - 48px));
  --ease:cubic-bezier(.2,.8,.2,1);
  --label-limits:"Access scope";--label-spent:"Spent";--label-created:"Created";--label-model:"Model";--label-status:"Status";
  --label-tokens:"Tokens";--label-cost:"Cost";--label-time:"Time";--label-input:"Input";--label-output:"Output";
  --label-context:"Context";--label-conditions:"Conditions";--label-cache-read:"Cache read";--label-max-output:"Max output";--label-reasoning:"Reasoning";
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:400 16px/1.55 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::selection{background:#d8d5ef;color:#111016}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #eeecff;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-180%);padding:10px 14px;background:var(--text);color:#000;border-radius:8px;font-weight:700;transition:transform .18s var(--ease)}
.skip-link:focus{transform:translateY(0)}
.shell{width:var(--shell);margin-inline:auto}

.public-header{height:76px;width:var(--shell);margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--border);gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 Unbounded,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.brand img{filter:saturate(.65)}
.public-nav{display:flex;align-items:center;gap:28px;margin-left:auto;color:var(--secondary);font-size:14px}
.public-nav a{min-height:44px;display:flex;align-items:center;transition:color .18s var(--ease)}
.public-nav a:hover,.public-nav a.is-active{color:var(--text)}
.header-login{margin-left:8px}
[data-language-switcher]{display:flex;align-items:center;flex:0 0 auto}
.language-switch{width:76px;min-height:40px;padding:0 24px 0 12px;border-radius:10px;background-color:#0c0c12;color:var(--secondary);font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:0 18px;font-weight:600;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),opacity .18s var(--ease)}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.button-primary{background:linear-gradient(115deg,var(--pearl),var(--pearl-2));color:var(--pearl-ink);box-shadow:0 10px 36px rgba(203,210,242,.1)}
.button-primary:hover{filter:brightness(1.06)}
.button-quiet{background:rgba(255,255,255,.045);border-color:var(--border);color:var(--text)}
.button-quiet:hover{background:rgba(255,255,255,.08);border-color:var(--border-strong)}
.button-danger{background:var(--danger-bg);border-color:rgba(255,140,146,.35);color:#ffd8da}
.button-wide{width:100%}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text);font-weight:600;border-bottom:1px solid var(--border);transition:border-color .18s,color .18s}
.text-link:hover{border-color:var(--text)}
.eyebrow{margin:0 0 18px;color:var(--secondary);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}

.hero{min-height:690px;padding:90px 0 80px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:clamp(56px,8vw,120px)}
.hero-copy{max-width:700px}
.hero h1,.page-intro h1{margin:0;font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.065em}
.hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.98}
.hero-lead{max-width:590px;margin:30px 0 0;color:var(--secondary);font-size:clamp(18px,2vw,23px);line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}
.hero-facts{display:flex;gap:0;margin:62px 0 0}
.hero-facts div{padding-right:34px;margin-right:34px;border-right:1px solid var(--border)}
.hero-facts div:last-child{border-right:0;margin-right:0;padding-right:0}
.hero-facts dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.hero-facts dd{margin:5px 0 0;color:var(--secondary);font-size:14px}

.code-window{position:relative;overflow:hidden;background:rgba(11,11,16,.88);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.code-window::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(222,218,250,.7) 42%,rgba(201,227,234,.45) 67%,transparent 95%)}
.hero-code{transform:translateY(24px)}
.code-window-bar{height:60px;padding:0 14px 0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.code-tabs{display:flex;align-self:stretch}
.code-tab{position:relative;min-width:74px;padding:0 13px;border:0;background:none;color:var(--muted);cursor:pointer}
.code-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:transparent}
.code-tab.is-active{color:var(--text)}
.code-tab.is-active::after{background:var(--text)}
.copy-button{min-height:36px;padding:0 11px;background:none;border:1px solid var(--border);border-radius:9px;color:var(--secondary);font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.copy-button:hover{background:rgba(255,255,255,.06);border-color:var(--border-strong);color:var(--text)}
pre{margin:0;font:400 13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.code-window pre{min-height:356px;padding:30px 26px;color:#e0e0e7;background:transparent}
.base-url{height:57px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.base-url code{color:var(--secondary);overflow:hidden;text-overflow:ellipsis}

.section{padding:112px 0;border-top:1px solid var(--border)}
.section-heading{margin-bottom:36px}
.split-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}
.section h2,.docs-section h2,.view-heading h1{margin:0;font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.045em}
.section h2{font-size:clamp(32px,4vw,54px);line-height:1.08}
.split-heading>p{max-width:430px;margin:0;color:var(--secondary)}
.data-state{min-height:150px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary);text-align:center;padding:32px}
.data-state.is-error{color:#ffc2c5;background:var(--danger-bg)}
.data-state button{margin-left:12px}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
table{width:100%;border-collapse:collapse;text-align:left}
th,td{padding:20px 22px;border-bottom:1px solid var(--border);vertical-align:top}
th{color:var(--muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
td{color:var(--secondary);font-size:14px}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:rgba(255,255,255,.018)}
.model-name{display:block;color:var(--text);font-weight:650;font-size:15px}
.model-id{display:block;margin-top:4px;color:var(--muted);font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.rate{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.cell-secondary{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.section-foot{min-height:62px;display:flex;align-items:end;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}
.start-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(430px,1.2fr);gap:clamp(60px,10vw,150px)}
.start-intro>p:last-child{max-width:420px;margin:26px 0 0;color:var(--secondary)}
.step-list{list-style:none;margin:0;padding:0}
.step-list li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--border)}
.step-list li:last-child{border-bottom:1px solid var(--border)}
.step-list>li>span{color:var(--muted);font:500 12px/1 Unbounded,sans-serif;padding-top:6px}
.step-list h3{margin:0 0 8px;font-size:17px}
.step-list p{margin:0;color:var(--secondary)}
.money-note{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.money-copy p{margin:0 0 18px;color:var(--secondary);font-size:17px}
.money-copy .comparison-note{font-size:13px;color:var(--muted)}.comparison-note a{color:var(--text);border-bottom:1px solid var(--border)}.comparison-note a:hover{border-color:var(--text)}
.public-footer{min-height:128px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.public-footer nav{display:flex;gap:26px}.public-footer a:hover{color:var(--text)}

.inner-main{padding-top:92px;padding-bottom:90px;min-height:calc(100vh - 204px)}
.page-intro{max-width:780px;margin-bottom:68px}
.page-intro h1{font-size:clamp(46px,6vw,78px);line-height:1.02}
.page-intro>p:last-child{max-width:670px;margin:24px 0 0;color:var(--secondary);font-size:19px}
.catalog-tools{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}
.catalog-tools>div{width:min(430px,100%)}
.catalog-tools label{display:block;margin-bottom:9px;color:var(--secondary);font-size:13px;font-weight:600}
input,select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:#0c0c12;color:var(--text);padding:10px 13px;transition:border-color .18s,background .18s}
input:hover,select:hover{border-color:var(--border-strong)}
input:focus,select:focus{border-color:rgba(222,218,250,.68);outline:2px solid rgba(222,218,250,.2);outline-offset:1px}
input::placeholder{color:#686873}
select[multiple]{min-height:130px}
.catalog-tools>p{margin:0;color:var(--muted);font-size:12px}
.wide-table{margin-bottom:20px}.detailed-table{min-width:1120px}.detailed-table th,.detailed-table td{padding:18px 16px}
.conditions{max-width:220px;white-space:normal;color:var(--muted);font-size:12px}
.empty-state{text-align:center;padding:58px 26px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--secondary)}
.empty-state h2,.empty-state h3{margin:0 0 9px;color:var(--text);font-size:18px}.empty-state p{margin:0 0 22px}
.catalog-notes{margin-top:82px;padding-bottom:20px}
.catalog-notes h2{font-size:32px}.note-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:38px}.note-columns h3{font-size:15px;margin:0 0 10px}.note-columns p{margin:0;color:var(--secondary);font-size:14px}

.docs-layout{display:grid;grid-template-columns:220px minmax(0,780px);gap:clamp(60px,9vw,140px);padding:76px 0 120px;align-items:start}
.docs-nav{position:sticky;top:28px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border);padding-left:16px}
.docs-nav a{padding:8px 12px;color:var(--muted);font-size:13px;border-radius:8px}.docs-nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.docs-main{min-width:0}.docs-intro{margin-bottom:72px}.docs-intro h1{font-size:clamp(42px,5.5vw,70px)}
.docs-section{padding:62px 0;border-top:1px solid var(--border);scroll-margin-top:30px}
.docs-section h2{font-size:30px;margin-bottom:22px}.docs-section>p,.docs-section>ol,.docs-section>ul{color:var(--secondary)}
.docs-section a{border-bottom:1px solid var(--border);color:var(--text)}
.docs-steps{padding-left:24px}.docs-steps li{padding:5px 0 5px 8px}
.callout{margin-top:28px;padding:18px 20px;border-left:2px solid var(--pearl);background:var(--panel);display:flex;flex-direction:column;gap:4px}.callout span{color:var(--secondary)}
.docs-section code:not(pre code){padding:.15em .4em;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:#e5e3ee;font:400 .9em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.code-block{max-width:100%;min-width:0;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.code-block>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 18px;border-bottom:1px solid var(--border);color:var(--secondary);font-size:12px}.code-block pre{max-width:100%;padding:22px;color:#dedde5;max-height:480px}
.endpoint-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.endpoint-list>div{padding:17px 20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);color:var(--secondary)}.endpoint-list>div:last-child{border-bottom:0}
.error-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.error-grid>div{padding:20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.error-grid>div:nth-child(2n){border-right:0}.error-grid>div:nth-last-child(-n+2){border-bottom:0}.error-grid p{margin:9px 0 0;color:var(--secondary);font-size:14px}
.limit-list{padding-left:20px}.limit-list li{padding:6px 0 6px 7px}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#000}.auth-card{position:relative;width:min(440px,100%);padding:42px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);text-align:center}.auth-card>img{margin:0 auto 24px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h1{margin:0;font:600 28px/1.2 Unbounded,sans-serif;letter-spacing:-.04em}.auth-card p:not(.eyebrow){color:var(--secondary);margin:18px 0 26px}.auth-language{position:absolute;right:18px;top:18px}

/* Console */
.console-page{background:#050507;min-height:100vh}
.console-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:232px;padding:22px 14px 16px;background:rgba(7,7,10,.98);border-right:1px solid var(--border);display:flex;flex-direction:column}
.sidebar-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.sidebar-close{display:none}
.console-nav{display:flex;flex-direction:column;gap:4px;margin-top:34px}.console-nav a,.sidebar-bottom a,.sidebar-bottom button{min-height:46px;width:100%;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:14px;text-align:left;cursor:pointer;transition:background .16s,color .16s}
.console-nav a:hover,.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:rgba(255,255,255,.05);color:var(--text)}
.console-nav a.is-active{background:rgba(255,255,255,.075);color:var(--text)}
.console-nav svg,.sidebar-bottom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.console-nav a:first-child svg{fill:currentColor;stroke:none}
.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}
.console-shell{min-height:100vh;padding-left:232px}.console-topbar{height:72px;padding:0 34px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--border);background:rgba(5,5,7,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.menu-button,.console-wordmark{display:none}.console-top-actions{display:flex;align-items:center;gap:10px;min-width:0}.account-chip{min-height:34px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:99px;color:var(--secondary);font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--secondary);cursor:pointer}.icon-button:hover{background:rgba(255,255,255,.06);color:var(--text)}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.menu-button,.sidebar-close,.console-wordmark{display:none}
.console-main{width:min(1180px,calc(100% - 64px));min-width:0;margin:0 auto;padding:54px 0 90px}.console-view{width:100%;min-width:0;max-width:100%}
.console-alert{margin-bottom:26px;padding:17px 18px;border:1px solid rgba(255,140,146,.3);border-radius:12px;background:var(--danger-bg);display:flex;align-items:center;justify-content:space-between;gap:22px}.console-alert strong{color:#ffd6d8}.console-alert p{margin:3px 0 0;color:#e2acb0;font-size:13px}
.view-heading{min-height:92px;margin-bottom:34px;display:flex;align-items:end;justify-content:space-between;gap:30px}.view-heading .eyebrow{margin-bottom:10px}.view-heading h1{font-size:clamp(34px,4vw,48px)}.view-heading>div>p:last-child:not(.eyebrow){color:var(--secondary);margin:10px 0 0}
.balance-panel{container-type:inline-size;min-height:236px;padding:38px 42px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative}.balance-panel::after{content:"";position:absolute;right:-120px;top:-170px;width:340px;height:340px;border:1px solid rgba(222,218,250,.12);border-radius:50%}.balance-panel>div:first-child{min-width:0;max-width:68%}.balance-panel p{margin:0 0 10px;color:var(--secondary)}.balance-panel strong{display:block;max-width:100%;white-space:nowrap;font:600 clamp(34px,7cqw,76px)/1 Unbounded,sans-serif;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.balance-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:24px}.balance-panel dl{display:flex;gap:34px;margin:0}.balance-panel dl div{min-width:116px}.balance-panel dt,.mini-ledger dt{color:var(--muted);font-size:12px}.balance-panel dd,.mini-ledger dd{margin:5px 0 0;font-weight:600;font-variant-numeric:tabular-nums}.balance-panel dl small,.mini-ledger small{display:block;max-width:150px;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.wallet-preference{position:relative;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.wallet-preference small{position:absolute;right:0;top:48px;max-width:260px;color:var(--danger);text-align:right}
.currency-segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:12px;background:#08080c;touch-action:pan-x}.currency-segmented button{min-width:58px;min-height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;cursor:pointer}.currency-segmented button[aria-checked="true"]{background:rgba(255,255,255,.1);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.currency-segmented button:disabled{opacity:.42;cursor:not-allowed}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;margin-top:18px}.overview-grid>*{min-width:0}.console-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2,.console-panel h2{margin:0;font-size:19px}.panel-heading>a{color:var(--secondary);font-size:13px}.panel-kicker{margin:0 0 5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.usage-metrics{display:flex;gap:42px;margin:28px 0 10px}.usage-metrics div{display:flex;flex-direction:column}.usage-metrics span,.usage-summary span{color:var(--muted);font-size:12px}.usage-metrics strong{margin-top:4px;font-size:20px;font-variant-numeric:tabular-nums}
.chart-wrap{min-height:214px;margin-top:8px}.usage-chart{width:100%;height:180px;overflow:visible}.usage-chart [data-chart-grid] line{stroke:rgba(255,255,255,.075);stroke-width:1}.usage-chart [data-chart-area]{fill:rgba(222,218,250,.05);stroke:none}.usage-chart [data-chart-line]{fill:none;stroke:#ddd9ed;stroke-width:2;vector-effect:non-scaling-stroke}.usage-chart [data-chart-points] circle{fill:#050507;stroke:#eeebfb;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.empty-state.compact{padding:36px 16px;border:0}.empty-state.compact p{margin:0}
.quick-panel pre{max-width:100%;margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:10px;background:#07070a;font-size:11px;color:#d9d8e0}.quick-panel .text-link{font-size:13px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid label,.custom-amount{display:flex;flex-direction:column;gap:8px;color:var(--secondary);font-size:13px}.form-grid label span{color:var(--muted);font-weight:400}.form-grid small{color:var(--muted);font-size:11px;margin-top:-3px}.form-message{min-height:22px;margin-top:14px;color:#ffc2c5;font-size:13px}.form-actions{display:flex;gap:10px;margin-top:10px}.key-form-panel{margin-bottom:18px}.key-form-panel .panel-heading{margin-bottom:24px}.key-form-panel .form-grid label:last-of-type{grid-column:1/-1}
.console-table-wrap{width:100%;max-width:100%;overflow-x:auto;background:var(--panel)}.console-table-wrap table{min-width:780px}.console-table-wrap th,.console-table-wrap td{padding:17px 18px}.key-title{color:var(--text);font-weight:650}.key-prefix{display:block;color:var(--muted);font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:3px}.table-action{min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:none;color:var(--secondary);cursor:pointer}.table-action:hover{border-color:rgba(255,140,146,.4);color:#ffc5c8}.status-pill{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid var(--border);border-radius:99px;color:var(--secondary);font-size:11px}.status-pill.is-ok{color:var(--success);border-color:rgba(185,226,198,.25)}.status-pill.is-error{color:#ffc2c5;border-color:rgba(255,140,146,.25)}
.revoked-section{margin-top:48px}.revoked-section h2{font-size:18px;margin:0 0 16px}.revoked-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.revoked-item{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px}
.billing-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(440px,1.3fr);gap:18px;align-items:start}.billing-grid>.console-panel:first-child{container-type:inline-size}.billing-balance{display:block;max-width:100%;white-space:nowrap;margin:16px 0 36px;font:600 clamp(34px,10cqw,64px)/1 Unbounded,sans-serif;letter-spacing:-.075em}.mini-ledger{margin:0;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.topup-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.topup-panel .topup-heading h2{margin:0}.topup-panel fieldset{border:0;padding:0;margin:0 0 24px}.topup-panel legend{margin-bottom:12px;color:var(--secondary);font-size:13px;font-weight:600}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.preset-row button,.payment-methods label{min-height:44px;border:1px solid var(--border);border-radius:10px;background:#0d0d13;color:var(--secondary);cursor:pointer}.preset-row button:hover,.preset-row button.is-active{border-color:var(--pearl);color:var(--text)}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-methods label{display:flex;align-items:center;gap:9px;padding:0 13px}.payment-methods input{width:16px;min-height:auto;accent-color:#dedafa}.custom-amount small{min-height:17px;color:var(--muted);font-size:11px}.payment-progress{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.payment-progress>div:first-child{display:flex;gap:12px;align-items:flex-start}.payment-progress p{margin:4px 0 0;color:var(--muted);font-size:12px}.payment-progress .order-amount{color:var(--text);font-size:16px;font-weight:700}.status-dot{width:9px;height:9px;border-radius:50%;background:#ddd9ed;box-shadow:0 0 0 5px rgba(221,217,237,.08);margin:7px 4px}.payment-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.period-switch{display:flex;border:1px solid var(--border);border-radius:10px;padding:3px}.period-switch button{min-height:38px;padding:0 13px;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}.period-switch button.is-active{background:rgba(255,255,255,.08);color:var(--text)}.usage-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.usage-summary>div{padding:21px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.usage-summary>div:last-child{border-right:0}.usage-summary strong{font-size:19px;font-variant-numeric:tabular-nums}.request-id{font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--secondary)}

dialog{color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-2);box-shadow:0 28px 100px rgba(0,0,0,.72)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.secret-dialog{width:min(580px,calc(100% - 28px));padding:0}.secret-dialog form{padding:36px;position:relative}.dialog-close{position:absolute;right:16px;top:16px}.secret-dialog .eyebrow{margin:20px 0 10px}.secret-dialog h2,.confirm-dialog h2{margin:0;font:600 25px/1.25 Unbounded,sans-serif;letter-spacing:-.04em}.secret-dialog p,.confirm-dialog p{color:var(--secondary)}.secret-value{margin:24px 0 18px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;background:#050507}.secret-value code{min-width:0;flex:1;overflow-wrap:anywhere;color:#eceaf4;font:500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.confirm-secret{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--secondary);font-size:13px}.confirm-secret input{width:18px;min-height:auto;margin-top:2px;accent-color:#dedafa}.confirm-dialog{width:min(440px,calc(100% - 28px));padding:28px}.confirm-dialog .form-actions{justify-content:flex-end;margin-top:22px}

@media(max-width:980px){
  :root{--shell:min(100% - 32px,760px)}
  .hero{grid-template-columns:1fr;gap:42px;padding-top:72px}.hero-code{transform:none}.hero-copy{max-width:760px}.code-window{max-width:760px}.start-grid{grid-template-columns:1fr;gap:48px}.money-note{gap:40px}.note-columns{grid-template-columns:1fr;gap:24px}.docs-layout{grid-template-columns:1fr;gap:34px;padding-top:44px}.docs-nav{position:static;flex-direction:row;overflow-x:auto;margin-inline:-16px;padding:0 16px 12px;border-left:0;border-bottom:1px solid var(--border);white-space:nowrap}.docs-nav a{flex:0 0 auto}.console-sidebar{transform:translateX(-100%);transition:transform .22s var(--ease);box-shadow:30px 0 80px rgba(0,0,0,.55)}.console-sidebar.is-open{transform:translateX(0)}.sidebar-close{display:grid}.sidebar-scrim{position:fixed;z-index:25;inset:0;background:rgba(0,0,0,.65)}.console-shell{padding-left:0}.console-topbar{padding:0 20px;justify-content:space-between}.menu-button{display:grid}.console-wordmark{display:block;font:600 13px/1 Unbounded,sans-serif}.console-main{width:min(100% - 36px,760px);padding-top:38px}.overview-grid,.billing-grid{grid-template-columns:1fr}.overview-grid .quick-panel{order:-1}
}

@media(max-width:720px){
  :root{--shell:calc(100% - 28px)}
  .balance-side{width:100%;align-items:stretch}.wallet-preference{justify-content:space-between}.wallet-preference small{left:0;right:auto;top:48px;text-align:left}.topup-heading{align-items:flex-start;flex-direction:column}
  .public-header{height:68px;gap:12px}.public-nav{order:3;position:absolute;top:68px;left:0;width:100%;margin:0;padding:0 14px;background:#050507;border-bottom:1px solid var(--border);gap:4px;overflow-x:auto}.public-nav a{padding:0 12px}.header-login{margin-left:auto;min-height:40px;padding:0 14px}.hero{padding-top:112px;min-height:auto}.hero h1{font-size:clamp(48px,15vw,70px)}.hero-lead{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-actions .button{width:100%}.hero-facts{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.hero-facts div{border:0;margin:0;padding:0}.code-window pre{min-height:320px;padding:22px 18px;font-size:11px}.base-url{align-items:flex-start;flex-direction:column;height:auto;padding:14px 18px;gap:3px}.base-url code{max-width:100%;font-size:10px}.section{padding:76px 0}.split-heading{align-items:flex-start;flex-direction:column;gap:20px}.section h2{font-size:34px}.section-foot{align-items:flex-start;flex-direction:column;padding-top:18px}.money-note{grid-template-columns:1fr;gap:28px}.public-footer{padding:30px 0;align-items:flex-start;flex-direction:column;gap:20px}.public-footer nav{flex-wrap:wrap;gap:14px 22px}.inner-main{padding-top:126px}.page-intro{margin-bottom:46px}.page-intro h1{font-size:43px}.page-intro>p:last-child{font-size:17px}.catalog-tools{align-items:flex-start;flex-direction:column}.note-columns{gap:26px}.docs-layout{padding-top:106px}.docs-nav{margin-inline:0}.docs-section{min-width:0;max-width:100%;padding:48px 0}.docs-section h2{font-size:27px}.endpoint-list>div{align-items:flex-start;flex-direction:column}.error-grid{grid-template-columns:1fr}.error-grid>div{border-right:0}.error-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.error-grid>div:last-child{border-bottom:0}.auth-card{padding:34px 24px}.console-main{width:calc(100% - 28px);padding:28px 0 70px}.console-topbar{height:64px}.view-heading{align-items:flex-start;flex-direction:column;min-height:0;margin-bottom:26px}.view-heading>.button{width:100%}.balance-panel{min-height:260px;padding:28px;align-items:flex-start;flex-direction:column}.balance-panel strong{font-size:46px}.balance-panel dl{width:100%;justify-content:space-between;gap:16px}.console-panel{padding:20px}.form-grid{grid-template-columns:1fr}.usage-summary{grid-template-columns:1fr 1fr}.usage-summary>div:nth-child(2){border-right:0}.usage-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.billing-balance{font-size:44px}.payment-methods{grid-template-columns:1fr}.preset-row button{padding:0 8px}.secret-dialog form{padding:30px 20px}.secret-value{align-items:stretch;flex-direction:column}.secret-value .copy-button{min-height:44px}.console-alert{align-items:flex-start;flex-direction:column}.console-alert .button{width:100%}.period-switch{width:100%}.period-switch button{flex:1}
  [data-keys-table],[data-requests-table]{overflow:hidden}
  [data-keys-table] table,[data-requests-table] table{min-width:0}
  [data-keys-table] thead,[data-requests-table] thead{display:none}
  [data-keys-table] tbody,[data-keys-table] tr,[data-keys-table] td,[data-requests-table] tbody,[data-requests-table] tr,[data-requests-table] td{display:block;width:100%}
  [data-keys-table] tr,[data-requests-table] tr{padding:14px 16px;border-bottom:1px solid var(--border)}
  [data-keys-table] tr:last-child,[data-requests-table] tr:last-child{border-bottom:0}
  [data-keys-table] td,[data-requests-table] td{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:7px 0;border:0;text-align:right}
  [data-keys-table] td:first-child,[data-requests-table] td:first-child{display:block;text-align:left;padding-bottom:12px}
  [data-keys-table] td::before,[data-requests-table] td::before{flex:0 0 auto;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
  [data-keys-table] td:nth-child(2)::before{content:var(--label-limits)}[data-keys-table] td:nth-child(3)::before{content:var(--label-spent)}[data-keys-table] td:nth-child(4)::before{content:var(--label-created)}
  [data-keys-table] td:last-child{display:block;text-align:left;padding-top:12px}[data-keys-table] .table-action{width:100%;min-height:44px}
  [data-requests-table] td:nth-child(2)::before{content:var(--label-model)}[data-requests-table] td:nth-child(3)::before{content:var(--label-status)}[data-requests-table] td:nth-child(4)::before{content:var(--label-tokens)}[data-requests-table] td:nth-child(5)::before{content:var(--label-cost)}[data-requests-table] td:nth-child(6)::before{content:var(--label-time)}
  .model-table{min-width:0}
  .model-table thead{display:none}
  .model-table tbody,.model-table tr,.model-table td{display:block;width:100%}
  .model-table tr{padding:14px 16px;border-bottom:1px solid var(--border)}
  .model-table tr:last-child{border-bottom:0}
  .model-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:6px 0;border:0;text-align:right}
  .model-table td:first-child{display:block;padding-bottom:12px;text-align:left}
  .model-table td:not(:first-child)::before{flex:0 0 auto;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
  .model-table td:nth-child(2)::before{content:var(--label-input)}.model-table td:nth-child(3)::before{content:var(--label-output)}.model-table:not(.detailed-table) td:nth-child(4)::before{content:var(--label-context)}
  .detailed-table td:nth-child(4)::before{content:var(--label-cache-read)}.detailed-table td:nth-child(5)::before{content:var(--label-context)}.detailed-table td:nth-child(6)::before{content:var(--label-max-output)}.detailed-table td:nth-child(7)::before{content:var(--label-reasoning)}.detailed-table td:nth-child(8)::before{content:var(--label-conditions)}
  .detailed-table .conditions{max-width:none}
}

@media(max-width:420px){.brand span{font-size:13px}.header-login{font-size:13px}.hero h1{font-size:44px}.hero-facts{grid-template-columns:1fr}.code-window-bar{padding-left:8px}.code-tab{min-width:66px}.overview-grid{margin-top:14px}.balance-panel{padding:24px 20px}.balance-panel strong{font-size:40px}.balance-panel dl{flex-direction:column}.usage-summary strong{font-size:16px}.console-panel{padding:18px}.form-actions,.payment-actions{flex-direction:column}.form-actions .button,.payment-actions .button{width:100%}.revoked-item{flex-direction:column;gap:4px}}

@media(max-width:720px){.balance-panel>div:first-child{max-width:100%}.balance-panel strong{font-size:clamp(32px,10cqw,46px)}.billing-balance{font-size:clamp(32px,12cqw,44px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.model-table .model-family td{padding:24px 18px 12px;background:#15151e;color:var(--pearl);font-weight:700;letter-spacing:.04em;border-bottom:1px solid var(--border-strong)}