:root{color-scheme:light;--paper:#f4f3ed;--white:#fffefa;--ink:#172227;--muted:#68777a;--line:#dedfd7;--lime:#c4f06b;--lime-ink:#263e0c;--blue:#3157b7;--amber:#d98a23;--mono:"DM Mono",ui-monospace,Consolas,monospace;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
:where([hidden]){display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{color:inherit}
.layout{min-height:100dvh}
.rail{position:fixed;z-index:5;inset:0 auto 0 0;width:242px;background:#162126;color:#dce5df;padding:24px 16px 0;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.06em}
.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--lime);border-radius:8px}
.brand-mark svg{width:22px;height:22px;fill:none;stroke:#1a2a21;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand-muted{color:#83938d;font-weight:550}
.rail-status{display:flex;align-items:center;gap:8px;margin:29px 0 35px;padding:9px 10px;border:1px solid #354248;border-radius:7px;font-size:10px;color:#a8b7b0}
.rail-status i,.endpoint-chip i,.signal-live i{width:6px;height:6px;border-radius:50%;background:#9dda52;box-shadow:0 0 0 3px #9dda5225}
.rail-label,.section-overline,.overline,.signal-top,.signal-foot,.meter-head>span,.source-note,.wallet-state,.catalog-foot,.code-head,.docs-endpoint>span{font:500 9px var(--mono);letter-spacing:.09em}
.rail-label{color:#778984;margin:0 8px 12px}
.nav{display:grid;gap:4px}
.nav-link{height:39px;width:100%;display:flex;align-items:center;gap:11px;padding:0 10px;background:transparent;border:0;border-radius:7px;color:#9eaaa6;text-align:left;font-size:12px;font-weight:650;cursor:pointer;transition:background .16s,color .16s}
.nav-link:hover{background:#222f33;color:#e8f1eb}
.nav-link.active{background:#28373b;color:#f4f8f3}
.nav-link.active .nav-icon{color:var(--lime)}
.nav-icon{width:17px;color:#7f9089;text-align:center;font-size:15px}
.nav-count{margin-left:auto;font:10px var(--mono);color:#81918a}
.rail-bottom{margin-top:auto;padding:17px 1px 0;border-top:1px solid #354248}
.rail-bottom .rail-label{padding:0 7px}
.provider-mini{display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;height:28px;padding:0 7px;font-size:10px;color:#bdc9c2}
.provider-mini b{font:9px var(--mono);color:#72827b;font-weight:400}
.provider-mini b.provider-ready{color:#c5ec89}
.provider-dot{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:800;background:#26343a;color:#dce5df}
.provider-dot.openai{color:#9bd36a}.provider-dot.anthropic{color:#eab288}.provider-dot.google{color:#9cb6ff}.provider-dot.kimi{color:#d0aaff}
.account-button{width:100%;display:flex;align-items:center;gap:9px;margin-top:14px;padding:13px 7px 15px;border:0;border-top:1px solid #354248;background:transparent;color:#e3ebe6;text-align:left;cursor:pointer}
.account-avatar{width:29px;height:29px;border-radius:9px;background:#35443e;color:var(--lime);display:grid;place-items:center;font-weight:800}
.account-name{display:flex;flex-direction:column;gap:3px;min-width:0}.account-name b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name small{font-size:9px;color:#8e9c96}
.account-more{margin-left:auto;color:#8a9992;font-size:15px}
.main{min-height:100dvh;margin-left:242px}
.topbar{height:61px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.1vw,60px);border-bottom:1px solid #e4e4dc;background:#f4f3edee;backdrop-filter:blur(12px)}
.crumb{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650}.crumb span:first-child{color:#7c8986}.crumb b{color:#b1b7ad;font-weight:500}
.top-actions{display:flex;align-items:center;gap:13px}
.endpoint-chip{height:26px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #dfe1d8;border-radius:6px;background:#fafaf6;color:#576660;font:10px var(--mono)}
.endpoint-chip i{width:5px;height:5px}
.help-button{width:27px;height:27px;border:1px solid #dfe1d8;border-radius:50%;background:transparent;color:#5f706a;font:600 11px var(--mono);cursor:pointer}
.view{display:none;width:min(1180px,100%);margin:0 auto;padding:0 clamp(24px,4.1vw,60px) 24px;animation:view-in .24s ease both}
.view.active{display:block}
@keyframes view-in{from{opacity:.1;transform:translateY(5px)}to{opacity:1;transform:none}}
.intro-row{min-height:331px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,355px);gap:45px;align-items:center;padding:39px 0 33px}
.overline{display:flex;align-items:center;gap:8px;color:#5e7069}
.overline-pip{width:6px;height:6px;border-radius:50%;background:#92c64d}
h1,h2,p{margin-top:0}
h1{margin:17px 0 13px;font-size:clamp(38px,4.8vw,58px);font-weight:800;line-height:1.07;letter-spacing:-.055em}
h1 em{font-style:normal;color:#506452}
.intro-copy,.page-header p{max-width:490px;margin:0;color:#65746d;font-size:13px;line-height:1.75;font-weight:500}
.intro-actions{display:flex;align-items:center;gap:22px;margin-top:21px}
.primary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 15px;border:1px solid #203427;border-radius:6px;background:#203b2e;color:#eff9e9;font-size:11px;font-weight:750;cursor:pointer;transition:transform .16s,background .16s,border-color .16s}
.primary-button:hover{transform:translateY(-1px);background:#294c39}
.primary-button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.primary-button span{font:13px var(--mono)}
.text-button{border:0;background:transparent;color:#51665b;font-size:11px;font-weight:750;cursor:pointer}
.text-button span{margin-left:5px;color:#95a295}
.signal-panel{padding:15px 16px 13px;border:1px solid #39474a;border-radius:10px;background:#202d31;color:#eff4ed;box-shadow:0 14px 30px #182a2814}
.signal-top{display:flex;align-items:center;justify-content:space-between;color:#9aa8a4;font-size:8px}
.signal-live{display:flex;align-items:center;gap:7px;color:#b8c5bc}.signal-live i{width:5px;height:5px}
.signal-model{display:flex;align-items:center;gap:10px;margin:20px 0 19px}
.signal-symbol{width:34px;height:34px;border:1px solid #526153;border-radius:9px;display:grid;place-items:center;color:var(--lime);font-size:19px}
.signal-model>div{display:grid;gap:3px}.signal-model b{font-size:12px}.signal-model small{font:9px var(--mono);color:#9cad9f}
.signal-switch{margin-left:auto;width:27px;height:27px;border:1px solid #465451;border-radius:50%;background:#2a393b;color:#c3d2c8;cursor:pointer;transition:transform .22s,color .22s}.signal-switch:hover{transform:rotate(40deg);color:var(--lime)}
.signal-panel.tuned .signal-symbol{animation:tune .32s cubic-bezier(.2,.7,.2,1)}
@keyframes tune{50%{transform:scale(1.09);background:#354438}}
.meter{margin-top:12px}.meter-head{display:flex;align-items:baseline;gap:7px}.meter-head>span{font-size:8px;color:#9aa9a0}.meter-head b{margin-left:auto;font:500 11px var(--mono);color:#f1f4ec}.meter-head small{font:8px var(--mono);color:#82928a}
.meter-track{height:5px;margin-top:7px;border-radius:6px;background:#394649;overflow:hidden}.meter-track i{display:block;width:20%;height:100%;border-radius:6px;background:#b8ed66;transition:width .35s ease}.meter-track.output i{background:#7fc2c5}
.signal-foot{display:flex;justify-content:space-between;margin-top:17px;padding-top:11px;border-top:1px solid #394649;color:#8b9b94;font-size:7px}
.wallet-strip{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;border:1px solid #d8dfcc;border-radius:8px;background:#eaf0df}
.wallet-left,.wallet-right{display:flex;align-items:center;gap:10px}.wallet-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--lime);color:#263e0c;font:500 16px var(--mono)}
.wallet-left>div{display:grid;gap:3px}.wallet-left b{font-size:11px;font-weight:800}.wallet-left small{font-size:10px;color:#697768}
.wallet-right{gap:13px}.wallet-right strong{font:500 17px var(--mono);letter-spacing:-.04em}.wallet-state{color:#758063;font-size:8px}
.wallet-action{border:0;background:transparent;color:#33553b;font-size:10px;font-weight:750;cursor:pointer}.wallet-action span{font:12px var(--mono)}
.luna-promo{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:10px;padding:14px;border:1px solid #536346;border-radius:8px;background:#1d2a2d;color:#edf4e8}
.luna-promo-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #596945;border-radius:9px;background:#2b3c34;color:var(--lime)}.luna-promo-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.luna-promo-copy h2{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:-.02em}.luna-promo-copy p{margin:0;color:#d0dbce;font-size:10px;line-height:1.55}.luna-promo-copy small{display:block;margin-top:4px;color:#9aa99d;font-size:9px;line-height:1.5}
.luna-promo-action{min-height:34px;padding:0 12px;border:1px solid var(--lime);border-radius:6px;background:var(--lime);color:#263b1c;font-size:10px;font-weight:800;cursor:pointer;transition:filter .16s,transform .16s}.luna-promo-action:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.luna-promo-action:disabled{border-color:#52615a;background:#303d3d;color:#a9b5a9;cursor:default}
.model-promo{width:max-content;max-width:100%;padding:3px 6px;border:1px solid #d5e4b9;border-radius:4px;background:#edf4e1;color:#557337!important;font-size:8px!important}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:37px 0 13px}.section-overline{color:#718077;font-size:8px;margin-bottom:6px}.section-heading h2,.callout-copy h2{margin:0;font-size:20px;letter-spacing:-.04em;font-weight:800}
.catalog-tools{display:flex;gap:8px}.searchbox,.catalog-tools select{height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #dcdfd6;border-radius:6px;background:#fafaf6;color:#6c7974}.searchbox>span{font-size:17px;color:#87948c}.searchbox input{width:115px;border:0;outline:0;background:transparent;color:#26322b;font-size:10px}.searchbox input::placeholder{color:#9aa49a}.catalog-tools select{font-size:10px;outline:none}
.model-list{border-top:1px solid #ced4ca}
.model-row{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(112px,.65fr);align-items:center;gap:16px;min-height:68px;padding:11px 10px;border-bottom:1px solid #e1e3dc;transition:background .16s}
.model-row:hover{background:#ebece4}
.model-identity{display:flex;align-items:center;gap:10px;min-width:0}
.model-monogram{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border:1px solid #dfe2d9;border-radius:8px;background:#fbfbf7;color:#41554b;font-size:10px;font-weight:800}
.model-monogram.anthropic{color:#b67951}.model-monogram.google{color:#5273c4}.model-monogram.moonshot{color:#8768b3}
.model-identity>span:last-child{display:grid;gap:4px;min-width:0}.model-identity b{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-identity code{font:9px var(--mono);color:#75827b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-price{display:grid;gap:4px}.model-price span{font:8px var(--mono);letter-spacing:.05em;color:#88948c}.model-price b{font:11px var(--mono);font-weight:500}
.model-meta{display:grid;gap:5px}.model-meta b{font-size:9px;color:#596860;font-weight:650}.model-meta small{font-size:8px;color:#85918a}
.model-availability{justify-self:end;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #e1e2d9;border-radius:5px;background:#f7f6f0;color:#818c81;font:8px var(--mono);white-space:nowrap}
.model-availability i{width:5px;height:5px;border-radius:50%;background:#c4a165}
.model-availability.ready{border-color:#dae6c8;background:#edf3e5;color:#516541}.model-availability.ready i{background:#83b64b}
.loading-row,.empty-row{padding:27px 12px;color:#79867d;font-size:11px}
.catalog-foot{display:flex;justify-content:space-between;gap:10px;margin:12px 0 36px;color:#89948a;font-size:8px;letter-spacing:.01em}.catalog-foot b{font-weight:500;color:#65746b}.catalog-foot a{color:#566b5c}.catalog-foot a span{font:11px var(--mono)}
.developer-callout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:28px 25px;border-radius:10px;background:#e6e9de}
.callout-copy .section-overline{margin-bottom:8px}.callout-copy h2{font-size:27px;line-height:1.16}.callout-copy p{max-width:310px;margin:12px 0 17px;color:#67736b;font-size:11px;line-height:1.7}
.code-card{min-width:0;overflow:hidden;border:1px solid #2d3a3b;border-radius:8px;background:#1d292d;color:#d9e3dc}
.code-head{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #354144;color:#95a29b;font-size:8px;letter-spacing:.02em}
.code-head>span{display:flex;gap:4px}.code-head i{width:6px;height:6px;border-radius:50%;background:#5c6c65}.code-head i:first-child{background:#cf8c63}.code-head i:nth-child(2){background:#c9b96a}.code-head i:nth-child(3){background:#8bbd68}.code-head small{font:9px var(--mono);margin-right:auto}
.copy-button{border:1px solid #46534e;border-radius:4px;background:#2a3739;color:#d4e0d6;padding:5px 7px;font:8px var(--mono);cursor:pointer}
.code-card pre,.docs-block pre{margin:0;padding:15px;overflow:auto;color:#d9e4dc;font:10px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.code-comment{color:#7e9a82}.code-url{color:#a5d181}.code-string{color:#dfc580}
.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 10px;color:#8a948b;font-size:9px}.footer>div{display:flex;gap:17px;align-items:center}.footer a:hover,.footer button:hover{color:#314a39}.footer button{padding:0;border:0;background:transparent;color:inherit;font-size:9px;cursor:pointer}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 24px}.page-header h1{margin:8px 0;font-size:34px;letter-spacing:-.05em}.page-header p{font-size:11px}
.quiet-button{min-height:34px;padding:0 11px;border:1px solid #d8ddd4;border-radius:6px;background:#f9f9f3;color:#44574a;font-size:10px;font-weight:700;cursor:pointer}.quiet-button:hover{background:#ebeee5}.quiet-button span{font:11px var(--mono)}
.model-list-wide{margin-bottom:15px}.model-list-wide .model-row{min-height:76px;grid-template-columns:minmax(220px,1.4fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(125px,.7fr) minmax(115px,.62fr)}
.source-note{margin:17px 0;color:#78867e;font-size:9px;line-height:1.8;letter-spacing:0}.source-note b{font-weight:500;color:#536258}
.balance-card{min-width:155px;padding:11px 13px;border:1px solid #d9dfd1;border-radius:7px;background:#ebf0e4;display:grid;gap:5px}.balance-card small,.usage-summary small{font:8px var(--mono);color:#7b887c;letter-spacing:.08em}.balance-card strong{font:500 17px var(--mono)}
.auth-gate{min-height:290px;display:grid;place-content:center;justify-items:center;text-align:center;padding:28px;border-top:1px solid #dce0d7}
.gate-glyph{width:41px;height:41px;display:grid;place-items:center;margin-bottom:14px;border-radius:11px;background:#e6ecdc;color:#405f3a;font-size:20px}
.auth-gate h2{margin:0 0 7px;font-size:17px;letter-spacing:-.03em}.auth-gate p{max-width:400px;margin:0 0 17px;color:#748078;font-size:11px;line-height:1.7}
.key-list{display:grid;gap:0}.key-item{display:grid;grid-template-columns:minmax(130px,1fr) minmax(170px,.9fr) auto auto;align-items:center;gap:18px;min-height:65px;padding:10px 8px;border-top:1px solid #e0e2db}.key-item:last-child{border-bottom:1px solid #e0e2db}.key-item b{font-size:11px}.key-item code{font:10px var(--mono);color:#66766d}.key-item small{font-size:9px;color:#829087}.revoke-button{height:27px;padding:0 9px;border:1px solid #e5d8d2;border-radius:5px;background:#f8efeb;color:#a15e48;font-size:9px;cursor:pointer}
.key-create-form{display:flex;align-items:end;gap:9px;padding:12px;border:1px solid #dce1d6;border-radius:7px;background:#eeefe8}.key-create-form label{display:grid;flex:1;gap:5px;color:#718076;font-size:9px}.key-create-form input{height:34px;min-width:0;padding:0 9px;border:1px solid #d7ddd3;border-radius:5px;background:#fbfbf6;font-size:11px;outline:none}
.key-created{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin:0 0 18px;padding:14px 44px 14px 14px;border:1px solid #cfdeb8;border-radius:8px;background:#e9f0dc}.key-created b{font-size:11px}.key-created p{margin:4px 0 0;color:#73806b;font-size:9px}.key-created code{grid-column:1/-1;overflow:auto;padding:10px;border-radius:5px;background:#1d292d;color:#cfed9e;font:10px var(--mono)}.key-created .quiet-button{grid-row:1;grid-column:2}.icon-button{position:absolute;top:8px;right:9px;border:0;background:transparent;color:#73806b;font-size:18px;cursor:pointer}
.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 12px;border:1px solid #e0e2da;border-radius:7px;background:#e0e2da;overflow:hidden}.usage-summary>div{display:grid;gap:8px;padding:14px;background:#fafaf5}.usage-summary b{font:500 15px var(--mono)}
.luna-usage-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;margin:0 0 12px;padding:12px;border:1px solid #d7dfcd;border-radius:7px;background:#edf1e6}
.luna-usage-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6dfc8;border-radius:8px;background:#e3ebd8;color:#536e3d;font-size:17px}
.luna-usage-content{display:grid;gap:8px;min-width:0}.luna-usage-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.luna-usage-head>div:first-child{display:grid;gap:3px;min-width:0}.luna-usage-head b{font-size:11px;font-weight:800}.luna-usage-head small{color:#6d796e;font-size:11px;line-height:1.5}.luna-usage-remaining{display:grid;justify-items:end;flex-shrink:0}.luna-usage-remaining strong{font:500 12px var(--mono);color:#263b29}.luna-usage-remaining small{font-size:11px;color:#718071}
.luna-usage-track{height:4px;border-radius:5px;background:#d8dfd2;overflow:hidden}.luna-usage-track i{display:block;width:100%;height:100%;border-radius:5px;background:#91b95b;transform:scaleX(0);transform-origin:left center;transition:transform .24s ease}
.usage-table{border-top:1px solid #d1d7ce}.usage-row{display:grid;grid-template-columns:1fr 1.2fr .8fr .7fr .7fr;gap:12px;align-items:center;min-height:50px;padding:8px 10px;border-bottom:1px solid #e1e3dc;font-size:9px}.usage-row.header{min-height:35px;color:#76847c;font:8px var(--mono);letter-spacing:.05em}.usage-row code,.usage-row b{font:10px var(--mono);font-weight:500}.usage-row small{color:#859188;font-size:9px}
.docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.docs-block{padding:19px 18px;border:1px solid #dfe1d8;border-radius:8px;background:#f9f9f3}.docs-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.docs-title>span{font:9px var(--mono);color:#89a06e}.docs-title h2{margin:0;font-size:13px}.docs-block p{margin:10px 0 0;color:#6d7b73;font-size:10px;line-height:1.7}.docs-block p code{padding:2px 4px;border-radius:3px;background:#e9ece4;color:#344b3a;font:9px var(--mono)}.docs-block pre{margin-top:9px;border-radius:6px;background:#1d292d;font-size:9px}
.docs-endpoint{display:flex;align-items:center;gap:13px;margin-top:18px;padding:13px;border:1px solid #dfe1d8;border-radius:7px;background:#eeefe8}.docs-endpoint>span{color:#77847c;font-size:8px}.docs-endpoint code{font:10px var(--mono);margin-right:auto}.docs-endpoint .copy-button{border-color:#d2d8cf;background:#f9f9f3;color:#44574a}
.toast{position:fixed;z-index:20;left:50%;bottom:26px;max-width:min(460px,calc(100% - 32px));transform:translate(-50%,10px);padding:10px 14px;border:1px solid #394849;border-radius:6px;background:#1e2b30;color:#f2f6ed;font-size:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.signin-backdrop{position:fixed;z-index:15;inset:0;display:grid;place-items:center;padding:20px;background:#111a1db8;backdrop-filter:blur(5px)}.signin-backdrop[hidden]{display:none}
.signin-card{position:relative;width:min(410px,100%);padding:31px 32px 25px;border:1px solid #dfe3d6;border-radius:12px;background:#f9f9f3;box-shadow:0 30px 80px #0b121455;animation:card-in .2s ease}
@keyframes card-in{from{transform:translateY(8px) scale(.99);opacity:.5}to{transform:none;opacity:1}}
.signin-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#75827a;font-size:20px;cursor:pointer}.signin-emblem{width:39px;height:39px;display:grid;place-items:center;margin-bottom:17px;border-radius:10px;background:#e5edda;color:#456039;font-size:18px}.signin-card h2{margin:7px 0;font-size:23px;letter-spacing:-.04em}.signin-card>p{margin:9px 0 17px;color:#68776d;font-size:11px;line-height:1.7}.telegram-link{width:100%;min-height:41px}.signin-card>small{display:block;margin:11px 0 16px;text-align:center;color:#818e83;font-size:9px}.signin-fine{padding-top:13px;border-top:1px solid #e2e5dd;text-align:center;color:#8a958b;font-size:8px;line-height:1.6}
:where(button,a,input,select):focus-visible{outline:3px solid #6b914b;outline-offset:3px}
::selection{background:#d5efaa;color:#263e0c}
@media(min-width:1500px){.intro-row{min-height:365px}.view{max-width:1260px}}
@media(max-width:1060px){.rail{width:215px}.main{margin-left:215px}.intro-row{gap:25px;grid-template-columns:minmax(0,1fr) minmax(265px,330px)}.view{padding-right:28px;padding-left:28px}.model-row{grid-template-columns:minmax(170px,1.25fr) minmax(100px,.7fr) minmax(100px,.7fr) minmax(110px,.7fr);gap:10px}.model-list-wide .model-row{grid-template-columns:minmax(170px,1.2fr) minmax(100px,.65fr) minmax(100px,.65fr) minmax(105px,.7fr) minmax(110px,.65fr)}}
@media(max-width:760px){.rail{position:sticky;inset:0 0 auto;width:auto;height:55px;display:flex;flex-direction:row;align-items:center;gap:18px;padding:0 15px}.brand{font-size:16px}.brand-mark{width:26px;height:26px}.rail-status{margin:0 0 0 auto;padding:7px;border:0}.rail-status span{font-size:9px}.rail-label,.nav,.rail-bottom{display:none}.main{margin:0;min-height:calc(100dvh - 55px)}.topbar{top:55px;height:48px;padding:0 16px}.view{padding:0 16px 20px}.intro-row{grid-template-columns:1fr;gap:24px;padding:33px 0 22px}.intro-row h1{font-size:48px;margin-top:13px}.intro-copy{max-width:520px}.signal-panel{width:min(100%,440px)}.wallet-strip{align-items:flex-start;flex-direction:column;padding:11px}.wallet-right{width:100%;justify-content:flex-end}.wallet-right strong{margin-right:auto}.luna-promo{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}.luna-promo-action{grid-column:2;justify-self:start}.section-heading{align-items:flex-start;flex-direction:column;margin-top:29px}.catalog-tools{width:100%}.searchbox{flex:1}.searchbox input{width:100%}.catalog-tools select{max-width:48%}.model-row,.model-list-wide .model-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 8px}.model-identity{grid-column:1}.model-availability{grid-column:2;grid-row:1}.model-price{grid-row:2}.model-meta{grid-row:2;text-align:right}.developer-callout{grid-template-columns:1fr;padding:21px 16px;gap:20px}.callout-copy h2{font-size:24px}.footer{align-items:flex-start;flex-direction:column;padding-top:20px}.footer>div{gap:13px;flex-wrap:wrap}.page-header{padding:26px 0 18px}.page-header h1{font-size:29px}.docs-grid{grid-template-columns:1fr}.key-item{grid-template-columns:1fr auto;gap:7px 11px}.key-item code{grid-column:1}.key-item small{grid-column:1}.revoke-button{grid-column:2;grid-row:1/4}.usage-row{grid-template-columns:1fr 1fr;gap:6px}.usage-row.header{display:none}.usage-row>*:nth-child(3){text-align:right}.usage-row>*:nth-child(4){color:#75837b}.usage-row>*:nth-child(5){text-align:right}.source-note{line-height:1.7}.balance-card{min-width:128px}.docs-endpoint{flex-wrap:wrap}.docs-endpoint code{flex-basis:70%;overflow-wrap:anywhere}.signin-card{padding:27px 22px 21px}}
@media(max-width:480px){.key-create-form{align-items:stretch;flex-wrap:wrap}.key-create-form label{flex-basis:100%}.key-create-form .primary-button{margin-right:auto}}
@media(max-width:390px){.intro-row h1{font-size:43px}.wallet-left b{font-size:10px}.wallet-state{font-size:7px}.wallet-right{gap:8px}.wallet-action{font-size:9px}.endpoint-chip{display:none}.usage-summary{grid-template-columns:1fr}.usage-summary>div{padding:10px 12px}.usage-summary>div{grid-template-columns:1fr auto;align-items:center}.signin-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
