:root{--ink:#19253b;--muted:#657187;--blue:#2356d8;--navy:#182742;--line:#e4e9f0;--canvas:#f5f7fa;--page:#f5f7fa;--surface:#fff;--soft:#f8fafc;--accent:#2356d8;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}button,input,select,textarea{border-radius:7px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #739cff;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #739cff;outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}p{color:var(--muted)}img,svg{max-width:100%}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-period{color:var(--blue)}.brand img{border-radius:8px}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 18px;font-size:14px;font-weight:700;line-height:1.5;border:1px solid transparent;border-radius:7px;transition:background .15s,border-color .15s;white-space:nowrap}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#1744b8}.btn.dark{background:var(--navy);color:#fff}.btn.dark:hover{background:#2d3d59}.btn.outline{background:#fff;border-color:#d8e0eb;color:var(--ink)}.btn.outline:hover{background:#f3f6fa;border-color:#b4c2d7}.btn.text{color:var(--blue);padding:0;border-radius:0}.btn.compact{padding:7px 12px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--blue);margin-bottom:20px}.demo-badge{font-size:12px;font-weight:600;padding:5px 9px;border:1px solid #dfe5ee;background:#f7f9fc;color:#66748a;border-radius:5px;white-space:nowrap}.muted{color:var(--muted);font-size:14px}.mono,pre,code{font-family:'IBM Plex Mono',ui-monospace,monospace}.caption,.footnote{font-size:13px;line-height:1.8;color:var(--muted);margin-top:20px}.menu-button,.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:9px;color:var(--ink)}.menu-button{display:none}
/* Public pages */
.landing{background:#fff}.site-header{height:96px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.landing-nav{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:600;color:var(--muted)}.landing-nav a:hover,.text-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:16px}.header-actions .btn{padding:10px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:94px;padding-bottom:88px;align-items:center}.hero h1{font-size:clamp(52px,5.5vw,76px);font-weight:800;letter-spacing:-3px;line-height:1.1}.hero h1 span{color:var(--blue)}.hero-desc{font-size:17px;line-height:1.85;max-width:440px;margin-top:26px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-notes{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:var(--muted);font-size:12px}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes .icon{width:15px;height:15px;color:#417660}.hero-console{border:1px solid #d6dee9;border-radius:12px;background:var(--navy);overflow:hidden;min-width:0;box-shadow:0 20px 45px -30px #26395866}.console-header{background:#f4f6fa;color:#4e5b6e;display:flex;justify-content:space-between;gap:15px;padding:18px 20px;font-size:12px;align-items:center}.endpoint{font-family:'IBM Plex Mono',monospace;font-weight:500;color:#2356d8}.endpoint span{color:#4f5e77;margin-left:7px}.console-label{font-size:12px;letter-spacing:.5px;white-space:nowrap}.code-panel{background:#17253e;color:#dce7fb;overflow:hidden}.code-tabs{display:flex;align-items:center;gap:4px;padding:12px 16px;border-bottom:1px solid #ffffff16}.code-tabs button{padding:8px 11px;background:none;border:0;color:#aebbd0;font-size:12px;border-radius:5px}.code-tabs button.active{background:#ffffff13;color:#fff}.code-tabs button:hover{color:white}.code-tabs .copy-code{margin-left:auto}.copy-code .icon{width:16px;height:16px}pre{font-size:12px;line-height:1.9;margin:0;padding:24px;overflow:auto;tab-size:2;min-height:257px}.code-content{color:#b7cef2}.code-bottom{border-top:1px solid #ffffff16;padding:14px 24px;display:flex;justify-content:space-between;font-size:12px;color:#aab9d1;gap:15px}.console-models{background:#fff;padding:20px 23px;color:var(--muted);font-size:12px}.console-models div{display:flex;justify-content:space-between;gap:20px;margin-top:11px}.console-models b{font-size:13px;color:#3c4b63}.provider-strip{padding:27px 0;display:flex;align-items:center;border-block:1px solid var(--line);gap:35px}.provider-strip>span{font-size:12px;color:var(--muted);width:180px;flex-shrink:0}.provider-strip>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:25px;color:#617089}.provider-strip b{font-size:17px;font-weight:750;letter-spacing:-.5px}.workspace-section{padding-block:105px 95px}.section-heading{display:flex;justify-content:space-between;gap:65px;align-items:flex-end;margin-bottom:40px}.section-heading h2,.balance-section h2,.faq-section h2,.closing h2{font-size:40px;letter-spacing:-1.5px;line-height:1.23;font-weight:750}.section-heading>p{max-width:340px;font-size:16px;line-height:1.85}.section-heading .eyebrow{margin-bottom:17px}.workspace-showcase{background:#f4f7fc;border:1px solid #dce5f1;padding:35px;display:grid;grid-template-columns:160px 1fr;border-radius:12px;gap:28px}.showcase-nav{display:flex;flex-direction:column;font-size:13px;gap:8px;border-right:1px solid #dce4f0;padding-right:22px;color:#697a95}.showcase-nav>span{padding:8px 10px}.showcase-nav .tiny-brand{padding:0 0 18px;color:var(--navy);font-size:20px;font-weight:800;letter-spacing:-.5px}.showcase-nav .selected{background:#e1eafa;color:#2754bd;border-radius:6px;font-weight:700}.showcase-main{background:#fff;border:1px solid #e0e6ef;border-radius:8px;overflow:hidden;min-width:0}.showcase-title{display:flex;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line);font-size:15px;gap:12px}.showcase-title>span{font-size:12px;color:#72809a}.showcase-stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:24px 26px}.showcase-stats>div{display:flex;flex-direction:column;gap:7px}.showcase-stats>div+div{border-left:1px solid var(--line);padding-left:25px}.showcase-stats span{font-size:12px;color:var(--muted)}.showcase-stats b{font-size:25px;letter-spacing:-.8px}.showcase-table{font-size:13px;margin:0 26px 22px}.showcase-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:11px 0;border-bottom:1px solid var(--line)}.showcase-table>div>span:last-child,.showcase-table>div>b{text-align:right}.showcase-table>div:first-child{font-size:12px;letter-spacing:.5px;color:#71809a}.showcase-table>div>span:nth-child(2){color:var(--muted)}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.benefit-row article>span{font-size:12px;font-family:'IBM Plex Mono',monospace;color:var(--blue)}.benefit-row h3{font-size:17px;letter-spacing:-.4px;margin:16px 0 12px}.benefit-row p{font-size:15px;line-height:1.8}.model-section{padding:0 0 95px}.landing-model-list{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.landing-model{display:flex;gap:17px;align-items:center;padding:24px 20px 24px 0;border-bottom:1px solid var(--line)}.landing-model:nth-child(even){padding-left:30px;border-left:1px solid var(--line)}.landing-model:hover{background:#f9fbfe}.landing-model h3{font-size:18px}.landing-model p{font-size:14px;margin-top:4px}.model-provider{font-size:12px;margin-left:auto;color:var(--muted)}.landing-model>.icon{width:16px;color:#8290a5}.model-mark{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;font-size:19px;font-weight:750;border-radius:9px;border:1px solid #00000007}.model-mark.green{background:#edf6f1;color:#2c7955}.model-mark.clay{background:#f9eee9;color:#a05d40}.model-mark.blue{background:#edf3ff;color:#3c61b3}.model-mark.dark{background:#eef0f3;color:#1d2b42}.model-mark.purple{background:#f1effa;color:#735cab}.model-mark.small{width:32px;height:32px;font-size:15px;border-radius:7px}.balance-section{background:#f3f6fb;border-block:1px solid #e3eaf3;padding-block:75px}.balance-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.balance-layout>div>p:not(.eyebrow){font-size:16px;max-width:410px;line-height:1.85;margin-block:22px 25px}.balance-receipt{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:26px 28px;transform:rotate(-2deg);box-shadow:0 18px 40px -30px #28447680}.receipt-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.5px;color:var(--muted);padding-bottom:24px;border-bottom:1px dashed #dbe3ee}.receipt-balance{display:flex;flex-direction:column;gap:6px;padding-block:24px}.receipt-balance span{font-size:13px;color:var(--muted)}.receipt-balance strong{font-size:34px;letter-spacing:-1px}.receipt-line{display:flex;justify-content:space-between;font-size:14px;padding:12px 0;border-top:1px solid var(--line);gap:18px}.receipt-line span{color:var(--muted)}.receipt-bottom{font-size:12px;color:#72819a;padding-top:18px;border-top:1px dashed #dbe3ee}.faq-section{padding-block:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:15px;font-weight:700;padding:20px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list p{font-size:15px;line-height:1.85;padding-bottom:22px;padding-right:30px}.closing{display:flex;justify-content:space-between;gap:80px;padding:50px 0 70px;border-top:1px solid var(--line)}.closing>div{max-width:320px}.closing p{font-size:16px;margin:0 0 22px}.site-footer{display:flex;gap:30px;align-items:center;font-size:12px;color:var(--muted);padding-block:25px 35px;border-top:1px solid var(--line)}.site-footer .brand{font-size:22px;margin-right:15px}.site-footer .brand img{width:28px;height:28px}.footer-demo{margin-left:auto;font-size:12px}
/* User workspace */
.workspace{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;z-index:30;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 20px;overflow:auto}.sidebar>.brand{padding-inline:10px;font-size:24px}.sidebar>.brand img{width:31px;height:31px}.sidebar-profile{display:flex;align-items:center;gap:10px;margin:22px 10px 0;padding:18px 0;border-top:1px solid var(--line)}.sidebar-profile strong{font-size:14px}.nav-group{margin-top:22px}.nav-group p{font-size:12px;letter-spacing:1px;font-weight:650;margin:0 13px 10px;color:#78879f}.nav-group a{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;padding:9px 12px;margin:3px 0;border-radius:6px;color:#67758d}.nav-group .icon{width:18px;height:18px;color:#7b8ba4}.nav-group a.active{background:#edf3ff;color:#2254c8}.nav-group a.active .icon{color:#2254c8}.nav-group a:hover{background:#f4f7fc}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.sidebar-bottom>a{font-size:12px;color:var(--muted);display:block;margin-bottom:20px}.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#e9eef8;color:#53698c;font-size:12px;font-weight:800}.avatar.large{width:52px;height:52px;font-size:20px}.workspace-content{margin-left:246px;width:calc(100% - 246px);display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:20px}.topbar>div{display:flex;align-items:center;gap:17px;font-size:13px;color:#6f7e95}.topbar>div>.icon{width:12px;height:12px;color:#9ba7b8}.topbar strong{font-size:13px;color:#4d5b73;font-weight:650}.topbar-help{font-size:12px;color:#6b7b94}.workspace-main{padding:35px 38px 42px;max-width:1580px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.page-heading .eyebrow{font-size:12px;letter-spacing:1.2px;color:#74839c;margin-bottom:12px}.page-heading h1{font-size:30px;letter-spacing:-1px;font-weight:750}.page-heading p:last-child{font-size:14px;margin-top:10px}.data-label{font-size:12px;color:#7a889e;white-space:nowrap;padding-bottom:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 23px}.metric>span{display:block;font-size:14px;font-weight:500;color:#6d7e97}.metric strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:28px;letter-spacing:-.8px;font-weight:750;margin-block:13px 9px;line-height:1.3}.metric strong small{font-size:12px;color:#7c8ca3;letter-spacing:0;font-weight:500}.metric p,.metric>a{font-size:12px;color:#76859d}.metric>a{color:var(--blue);font-weight:600}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;gap:20px}.panel-heading h2{font-size:17px;font-weight:750;letter-spacing:-.3px}.panel-heading p{font-size:13px;line-height:1.7;margin-top:5px;color:#74839b}.panel-heading .btn.text{font-size:13px}.overview-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.segmented{display:inline-flex;align-items:center;gap:3px;background:#f5f7fb;border:1px solid #e5eaf2;padding:3px;border-radius:7px}.segmented button{background:none;border:1px solid transparent;padding:6px 12px;font-size:13px;color:#71819c;font-weight:600;border-radius:5px;white-space:nowrap;display:flex;align-items:center;gap:7px}.segmented .icon{width:16px;height:16px}.segmented button.active{background:#fff;color:#31496f;border-color:#e2e7ee;box-shadow:0 1px 3px #16213b07}.chart-summary{display:flex;align-items:baseline;gap:12px;padding:0 24px}.chart-summary strong{font-size:28px;letter-spacing:-.8px}.chart-summary span{font-size:12px;color:#74829a}.chart{height:250px;padding:23px 25px 30px 24px;display:flex;gap:15px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:26px;color:#7c8ba4;min-width:58px;font-size:12px}.chart-area{flex:1;position:relative;min-width:0}.chart-grid{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #e4eaf3;display:block}.bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;position:relative;gap:12px}.bar-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;flex:1;min-width:0}.bar{height:var(--height);max-width:30px;width:100%;background:#b8ccf6;border-radius:4px 4px 0 0;position:relative}.bar.last{background:var(--blue)}.bar>span{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 7px;background:var(--navy);color:white;white-space:nowrap;border-radius:3px;font-size:12px}.bar:hover>span{display:block}.bar-col small{display:block;height:26px;padding-top:8px;font-size:12px;color:#7c8ca6;white-space:nowrap}.model-usage{padding:10px 24px 28px}.model-usage>div{display:flex;align-items:center;gap:12px;margin-bottom:22px}.model-usage>div:last-child{margin-bottom:0}.model-usage>div>div{flex:1}.model-usage strong{font-size:14px}.model-usage>div>span:last-child{text-align:right;font-size:14px;line-height:1.4}.model-usage small{display:block;color:#7c8ba3;font-size:12px}.usage-track{background:#edf1f7;height:4px;border-radius:3px;margin-top:8px;width:100%}.usage-track i{display:block;height:4px;border-radius:3px;background:#9fb9ee}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}thead{background:#fafbfd}th{padding:12px 24px;color:#70809b;font-size:12px;font-weight:600;letter-spacing:.2px;border-block:1px solid #edf0f5}td{padding:16px 24px;border-bottom:1px solid #edf0f5;color:#667895;font-size:14px}tbody tr:last-child td{border-bottom:0}td strong{font-weight:600;color:#3d4c65}.num{text-align:right}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;line-height:1.5}.badge.success{background:#edf6f1;color:#3f704f}.badge.warning{background:#fff5e7;color:#8c6828}.row-status{border:0;background:none;padding:0}.help-strip{display:flex;align-items:center;gap:18px;border:1px solid #dfe7f4;background:#eff4fd;padding:23px 25px;border-radius:9px}.help-strip>.icon{color:#5578b5;width:22px;height:22px}.help-strip>div{flex:1}.help-strip strong{font-size:14px;font-weight:700;display:block}.help-strip span{display:block;font-size:13px;color:#72849f;margin-top:4px}.help-strip .btn{font-size:13px;padding:9px 14px}.workspace-footer{display:flex;justify-content:space-between;padding:20px 38px;margin-top:auto;gap:20px;border-top:1px solid var(--line);font-size:12px;color:#72829b}.sidebar-overlay{display:none}.toolbar{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #dce3ed;background:#fff;border-radius:7px;min-width:280px}.search-input .icon{width:18px;height:18px;color:#7e90ac}.search-input input{border:0;background:transparent;padding:11px 0;outline-offset:5px;min-width:0;width:100%;font-size:14px;color:var(--ink)}.result-count{font-size:12px;color:#71819b;margin-left:auto}.model-cell{display:flex;align-items:center;gap:12px}.model-cell small,.cell-sub{display:block;font-size:12px;color:#7a8ca7;margin-top:3px}.tag{display:inline-flex;padding:4px 8px;border:1px solid #e3e8f0;background:#fafbfd;color:#71819b;font-size:12px;border-radius:4px;white-space:nowrap}.no-result{text-align:center;padding:40px!important}.info-block{display:flex;gap:18px;padding:24px;background:#eef3fc;border:1px solid #dfe7f5;border-radius:10px}.info-block .icon{width:23px;height:23px;color:#5c7bb2}.info-block h3{font-size:15px;margin-bottom:7px}.info-block p{font-size:14px;line-height:1.8}.inline-field{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}select,input:not([type=checkbox]),textarea{border:1px solid #d9e1ec;padding:11px 13px;width:100%;background:#fff;color:#40516c;font-size:14px;line-height:1.5}.inline-field select{width:auto;font-size:14px}.table-footer{display:flex;justify-content:space-between;color:#72839d;font-size:12px}.wallet-summary{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;margin-bottom:24px;border-top:3px solid #3764d4}.wallet-summary>div>span{font-size:14px;color:#72849f;display:block}.wallet-summary strong{display:block;font-size:40px;letter-spacing:-1.5px;margin-block:9px}.wallet-summary p{font-size:12px;color:#73869f}.wallet-summary>div:last-child{display:flex;gap:12px}.positive{color:#3d754f}.form-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.form-body{padding:0 24px 24px}.form-body label,.dialog label{display:block;font-size:14px;font-weight:600;color:#5a6b85;margin-bottom:22px;line-height:1.8}.form-body label input,.form-body label select,.form-body label textarea,.dialog label input{margin-top:8px}.form-body label small{display:block;color:#788ba7;font-size:12px;margin-top:7px;font-weight:400}.input-affix{display:flex;border:1px solid #d9e1ec;border-radius:7px;align-items:center;margin-top:8px;padding-left:13px;background:#fff}.input-affix>span{font-size:14px;color:#788ba7;font-weight:500}.input-affix>input{border:0!important;margin-top:0!important}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-7px;margin-bottom:25px}.amount-options button{border:1px solid #dde5f0;background:#fff;padding:9px 4px;font-size:12px;color:#617593}.amount-options button.active{background:#eff4ff;border-color:#8eabea;color:#3863c4}.form-notice{padding:12px 14px;background:#f5f7fb;border:1px solid #e6ebf3;border-radius:6px;font-size:12px;font-weight:400;color:#70839f;line-height:1.8;margin-bottom:20px}.summary-body{padding:0 24px 24px}.summary-body>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding-block:13px}.summary-body span{color:#71839f}.summary-body strong{font-weight:650}.summary-body hr{border:0;border-top:1px solid var(--line);margin:12px 0}.summary-body p{font-size:13px;margin-top:20px;line-height:1.85}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.router-overview{border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.router-overview h2{font-size:24px;letter-spacing:-.6px;margin:17px 0 10px}.router-overview p{font-size:14px}.route-order{display:flex;gap:17px;align-items:center;margin-top:22px;flex-wrap:wrap}.route-order>span{font-size:13px;background:#fff;border:1px solid #dce5f3;padding:9px 15px;border-radius:5px;font-weight:600;color:#5b7093}.route-order>.icon{width:14px;height:14px;color:#92a6c2}.router-tabs{margin-bottom:24px;max-width:100%;flex-wrap:wrap}.route-form>h3{font-size:16px;margin-bottom:18px}.routing-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.field-step{display:block;font-size:12px;color:#748baa;font-weight:500;margin-bottom:7px;font-family:'IBM Plex Mono',monospace}.router-options{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:20px 0;margin-bottom:22px}.router-options strong{font-size:14px}.router-options p{font-size:13px;margin-top:5px}.router-options .switch{margin:0;position:relative;display:inline-flex;width:37px;height:22px;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{display:block;width:37px;height:22px;border-radius:22px;background:#c1cbdc}.switch span:after{content:'';position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translateX(15px)}.switch input:focus-visible+span{outline:3px solid #9cbaff;outline-offset:3px}.form-end{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-end>.muted{font-size:12px}.studio-tabs{margin-bottom:22px}.studio-tabs button{padding:9px 20px}.studio-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:stretch}.studio-layout>.panel{display:flex;flex-direction:column}.studio-layout textarea{resize:vertical;min-height:120px}.reference-label>span{font-size:12px;font-weight:400;color:#7588a5;float:right}.reference-label input[type=file]{font-size:12px;padding:10px;background:#fafbfd}.reference-label input::file-selector-button{padding:6px 10px;border:1px solid #d9e2ef;border-radius:5px;margin-right:10px;background:#fff;color:#61789b;font:inherit}.text-link{font-size:13px;color:var(--blue)}.output-empty{flex:1;min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px;gap:15px;background:#fbfcfe;margin:0 24px 24px;border:1px dashed #dae3f0;border-radius:8px}.output-empty>.icon{width:34px;height:34px;color:#a9b8cc}.output-empty h3{font-size:19px;color:#667b9b;margin-top:10px}.output-empty p{font-size:14px;line-height:1.8;max-width:300px}.output-note{font-size:12px;color:#7388a9;padding:0 24px 20px;text-align:center}.files-empty{text-align:center;max-width:440px;margin:auto;padding:70px 20px 90px}.files-empty>.icon{width:46px;height:46px;color:#a5b7d2;margin-bottom:25px}.files-empty h2{font-size:24px;letter-spacing:-.6px}.files-empty p{font-size:15px;line-height:1.8;margin:16px 0 24px}.docs-layout{display:grid;grid-template-columns:170px 1fr;gap:45px;align-items:start}.docs-nav{position:sticky;top:25px;display:flex;flex-direction:column;border-right:1px solid var(--line);gap:15px;padding:7px 18px 7px 0}.docs-nav a{font-size:13px;color:#6c809e}.docs-nav a:hover{color:var(--blue)}.docs-content{max-width:800px;min-width:0}.docs-content section{margin-bottom:40px}.docs-content h2{font-size:26px;letter-spacing:-.6px;margin-bottom:20px}.docs-content p{font-size:15px;line-height:1.85;margin-bottom:20px}.docs-content p>code{font-size:13px;background:#e8edf6;padding:2px 4px;border-radius:4px;color:#496388}.docs-steps>div{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.docs-steps b{width:26px;height:26px;background:#e6edfb;display:grid;place-items:center;border-radius:5px;flex-shrink:0;font-size:12px;color:#5576b5}.docs-steps h3{font-size:15px;margin:3px 0 9px}.docs-steps p{font-size:14px;margin:0}.docs-content .code-panel{border-radius:8px}.docs-content .table-wrap{background:#fff;border:1px solid var(--line);border-radius:8px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.profile-summary{display:flex;align-items:center;gap:15px;margin-block:10px 28px}.profile-summary strong{font-size:16px;display:block}.profile-summary span:not(.avatar){font-size:12px;color:#7489a7;display:block;margin-top:5px}.dialog{border:1px solid #d9e2f1;border-radius:12px;box-shadow:0 35px 90px #12223d33;width:min(480px,calc(100% - 36px));padding:0;color:var(--ink);background:#fff;max-height:85vh}.dialog::backdrop{background:#14244066;backdrop-filter:blur(3px)}.dialog-heading{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog h2{font-size:20px;letter-spacing:-.5px}.dialog-body{padding:24px;font-size:14px;overflow-wrap:anywhere}.dialog-body>p{margin-bottom:16px}.dialog .summary-body{padding:10px 0 20px}.dialog .form-notice{margin:17px 0 0}.dialog .btn{margin-top:20px}.detail-model{display:flex;gap:15px;align-items:center;margin-bottom:15px}.detail-model p{font-size:13px;margin-top:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203450;color:white;border:1px solid #38516f;padding:14px 19px;display:flex;align-items:center;gap:12px;font-size:14px;border-radius:8px;z-index:100;box-shadow:0 10px 40px #192b4e33;max-width:calc(100% - 30px);width:max-content}.toast>.icon{width:17px;height:17px;color:#a5dac8}
/* Responsive */
@media(min-width:1500px){.workspace-main{padding-inline:50px}.topbar{padding-inline:50px}.metric strong{font-size:32px}}
@media(max-width:1200px){.container{width:calc(100% - 64px)}.hero{gap:35px;padding-top:65px}.hero h1{font-size:62px}.hero-actions{flex-wrap:wrap}.console-label{display:none}.landing-nav{gap:18px}.header-actions .demo-badge{display:none}.balance-layout{gap:50px}.workspace-main{padding:30px 25px}.topbar{padding-inline:25px}.metric{padding:20px 16px}.metric strong{font-size:25px}.overview-grid{grid-template-columns:1.65fr 1fr;gap:18px}.panel-heading{padding:20px}.table-wrap th,.table-wrap td{padding-inline:20px}.topbar-help{display:none}.data-label{display:none}.overview-grid .panel-heading{align-items:flex-start;flex-direction:column;gap:12px}.overview-grid .chart{height:229px}.routing-fields{grid-template-columns:1fr 1fr}.docs-layout{grid-template-columns:140px 1fr;gap:25px}}
@media(max-width:1000px){.hero{gap:26px}.hero h1{font-size:55px;letter-spacing:-2px}.hero-desc{font-size:16px}.hero-notes{gap:12px}.code-tabs{padding-inline:8px}.hero-console pre{padding:20px 14px;font-size:12px}.console-header{padding:15px 14px}.console-models{padding-inline:15px}.console-models div{gap:14px}.provider-strip>span{width:130px}.provider-strip>div{flex-wrap:wrap;gap:16px 28px;justify-content:flex-start}.provider-strip b{font-size:15px}.section-heading h2,.balance-section h2,.faq-section h2,.closing h2{font-size:34px}.section-heading{gap:30px}.workspace-showcase{padding:25px;grid-template-columns:125px 1fr;gap:20px}.showcase-stats b{font-size:21px}.benefit-row{gap:30px}.landing-model .model-provider{display:none}.faq-section{gap:40px}.site-footer{flex-wrap:wrap;gap:20px}.sidebar{width:216px;padding-inline:12px}.workspace-content{margin-left:216px;width:calc(100% - 216px)}.workspace-main{padding:25px 20px}.topbar{padding-inline:20px}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.overview-grid .panel-heading{flex-direction:row;align-items:center}.model-usage{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.model-usage>div{margin-bottom:0}.form-layout{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-layout .output-empty{min-height:300px}.help-strip{align-items:flex-start;flex-wrap:wrap}.help-strip>div{min-width:220px}.help-strip .btn{margin-left:40px}.settings-layout{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap;border:0;padding:0 0 15px;border-bottom:1px solid var(--line)}.wallet-summary{padding:25px;flex-wrap:wrap}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:78px;gap:15px;position:relative}.brand{font-size:23px}.brand img{width:30px;height:30px}.landing-nav{display:none}.header-actions{margin-left:auto}.header-actions .btn{font-size:12px;padding:8px 12px}.menu-button{display:inline-flex}.site-header .menu-button{padding:7px}.menu-open .landing-nav{display:flex;position:absolute;top:77px;inset-inline:0;z-index:30;flex-direction:column;gap:0;margin:0;background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px #17274215;border-radius:0 0 8px 8px;padding:10px 15px}.menu-open .landing-nav a{padding:12px 6px}.hero{grid-template-columns:1fr;padding:50px 0 45px;gap:35px}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-desc{font-size:16px;max-width:440px;margin-top:22px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .btn{font-size:13px;padding:11px 15px}.hero-notes{font-size:12px;gap:15px;margin-top:20px}.hero-console{max-width:100%}.hero-console pre{font-size:12px;padding:20px;min-height:250px}.console-header{padding:17px 20px}.console-models div{gap:12px}.provider-strip{padding:24px 0;align-items:flex-start;flex-direction:column;gap:16px}.provider-strip>span{width:auto}.provider-strip>div{gap:15px 25px}.workspace-section{padding:60px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.section-heading h2,.balance-section h2,.faq-section h2,.closing h2{font-size:32px;letter-spacing:-1px}.section-heading>p{max-width:none;font-size:16px}.eyebrow{font-size:12px;letter-spacing:1px}.workspace-showcase{padding:16px;grid-template-columns:1fr;gap:0}.showcase-nav{display:none}.showcase-title{padding:17px;font-size:14px}.showcase-title>span{font-size:12px;white-space:nowrap}.showcase-stats{padding:20px 17px;gap:10px}.showcase-stats>div+div{padding-left:10px}.showcase-stats b{font-size:19px}.showcase-stats span{font-size:12px}.showcase-table{margin:0 17px 18px;font-size:12px}.benefit-row{grid-template-columns:1fr;gap:24px;margin-top:30px}.benefit-row article{display:grid;grid-template-columns:28px 1fr;gap:0 10px}.benefit-row h3{margin:0 0 9px;font-size:17px}.benefit-row p{grid-column:2;font-size:16px}.benefit-row article>span{padding-top:2px}.model-section{padding-bottom:60px}.landing-model-list{grid-template-columns:1fr}.landing-model:nth-child(even){padding-left:0;border-left:0}.landing-model{padding:20px 0}.landing-model h3{font-size:17px}.landing-model .model-provider{display:block;font-size:12px}.balance-section{padding-block:50px}.balance-layout{grid-template-columns:1fr;gap:35px}.balance-receipt{transform:none;padding:23px}.balance-layout>div>p:not(.eyebrow){font-size:16px;margin-block:18px 22px}.receipt-top{flex-wrap:wrap}.faq-section{padding:60px 0;grid-template-columns:1fr;gap:20px}.faq-list summary{font-size:15px}.faq-list p{font-size:16px;padding-right:10px}.closing{flex-direction:column;gap:20px;padding:40px 0}.closing>div{max-width:none}.site-footer{gap:17px;padding-block:25px}.site-footer>.brand{width:100%;margin:0}.footer-demo{width:100%;margin:0}.sidebar{width:248px;transform:translateX(-100%);transition:transform .2s}.workspace-content{width:100%;margin-left:0}.menu-open .workspace .sidebar{transform:translateX(0)}.menu-open .sidebar-overlay{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#10213c60;z-index:29}.topbar{height:66px;padding:0 15px;gap:10px}.topbar>div{gap:10px}.topbar>div:first-child>span{display:none}.topbar>div:first-child>.icon{display:none}.topbar .menu-button{padding:6px}.topbar .demo-badge{font-size:12px;padding:4px 6px}.topbar .avatar{width:27px;height:27px}.topbar>div:last-child{gap:9px}.workspace-main{padding:25px 18px 32px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:28px}.page-heading p:last-child{font-size:14px}.metric-grid{gap:12px;margin-bottom:18px}.metric{padding:17px 15px;border-radius:9px}.metric>span{font-size:13px}.metric strong{font-size:24px;margin:10px 0 8px;letter-spacing:-.5px}.metric strong small{font-size:12px}.panel{border-radius:9px;margin-bottom:18px}.panel-heading{padding:20px 17px;gap:12px;flex-wrap:wrap}.panel-heading h2{font-size:16px}.panel-heading p{font-size:13px}.overview-grid{gap:0}.overview-grid .panel-heading{align-items:flex-start;flex-direction:column;gap:15px}.segmented button{font-size:12px;padding:6px 9px}.chart-summary{padding:0 17px;flex-wrap:wrap}.chart{height:225px;padding:23px 17px 25px;gap:8px}.chart-axis{font-size:12px;min-width:52px}.bars{gap:8px}.bar-col small{font-size:12px}.chart .bar-col:nth-child(even) small{visibility:hidden}.model-usage{padding:0 17px 23px;gap:25px 20px}.model-usage>div{gap:9px}.model-usage strong{font-size:13px}.model-usage .model-mark{width:27px;height:27px}.model-usage>div>span:last-child{font-size:13px}.table-wrap th,.table-wrap td{padding-inline:17px}.help-strip{padding:20px 17px;gap:13px}.help-strip>div{min-width:170px}.help-strip strong,.help-strip span{font-size:13px}.help-strip .btn{margin-left:35px}.workspace-footer{padding:20px 18px;flex-wrap:wrap;gap:5px}.workspace-footer>span:last-child{width:100%}.toolbar{gap:12px}.search-input{min-width:0;width:100%;padding-inline:12px}.result-count{margin-left:0}.info-block{padding:20px 17px;gap:13px}.info-block h3{font-size:14px}.info-block p{font-size:14px}.wallet-summary{padding:22px 20px;gap:19px}.wallet-summary strong{font-size:35px}.wallet-summary>div:last-child{width:100%;gap:10px}.wallet-summary .btn{flex:1;font-size:13px;padding:11px 12px}.form-body{padding:0 17px 20px}.two-fields{grid-template-columns:1fr;gap:0}.amount-options{grid-template-columns:1fr 1fr;gap:8px}.summary-body{padding:0 17px 22px}.router-overview h2{font-size:22px}.route-order{gap:8px}.route-order>span{padding:7px 9px;font-size:12px}.route-order>.icon{width:12px}.routing-fields{gap:12px}.routing-fields select{font-size:14px;padding:10px}.router-options p{max-width:220px;line-height:1.6}.form-end{align-items:flex-start;flex-direction:column;gap:15px}.form-end .btn{width:100%}.output-empty{padding:35px 22px;margin:0 17px 20px;min-height:280px}.output-empty h3{font-size:18px}.output-empty p{font-size:14px}.docs-content h2{font-size:24px}.docs-nav{gap:14px}.docs-nav a{font-size:13px}.docs-content p{font-size:16px}.docs-content pre{font-size:12px;padding:18px}.docs-steps>div{gap:13px}.form-layout,.studio-layout,.settings-layout{gap:0}.toast{font-size:13px;bottom:15px}.dialog-body{padding:20px}.dialog-heading{padding:17px 20px}}
@media(max-width:380px){.hero h1{font-size:50px}.hero-actions{flex-direction:column}.landing-model .model-provider{display:none}.showcase-stats{gap:6px;padding-inline:12px}.showcase-stats b{font-size:16px}.showcase-stats span{font-size:12px}.metric strong{font-size:22px}.model-usage{grid-template-columns:1fr}.topbar .avatar{display:none}.routing-fields{grid-template-columns:1fr}}
/* The provider marquee stays animated as requested, including in reduced motion mode. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}*:not(.provider-track),*:before,*:after{animation:none!important}}

/* MeyKey landing revision - parts 1-8 */
.brand-logo-wrap{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:9px;overflow:hidden;background:transparent}.brand-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.brand-logo-dark{display:none}html[data-theme="dark"] .brand-logo-light{display:none}html[data-theme="dark"] .brand-logo-dark{display:block}.brand>span:last-child{display:inline-flex;align-items:baseline}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe5ee;background:#f7f9fc;color:#536178;padding:8px 10px;border-radius:7px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.theme-toggle:hover{border-color:#bec9d8;background:#f1f5fa}.theme-toggle .icon{width:15px;height:15px}.theme-toggle.compact{padding:7px 9px}html[data-theme="dark"] .theme-toggle{background:#141f31;border-color:#30405a;color:#d9e3f2}html[data-theme="dark"] .theme-toggle:hover{background:#1b2940}.hero-copy>.eyebrow{display:none}.hero-showcase{position:relative;min-width:0}.showcase-viewport{position:relative;min-height:432px;border:1px solid #d6dee9;border-radius:12px;background:#17253e;overflow:hidden;box-shadow:0 20px 45px -30px #26395866}.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(-28px);pointer-events:none;transition:opacity .32s ease,transform .32s ease;background:#17253e}.hero-slide.active{opacity:1;transform:translateX(0);pointer-events:auto;z-index:1}.hero-slide .code-panel{height:calc(100% - 55px)}.hero-slide .code-panel pre{min-height:286px}.carousel-arrow{position:absolute;top:50%;z-index:4;width:40px;height:40px;margin-top:-20px;border:1px solid #d5deeb;border-radius:50%;background:#fff;color:#263853;display:grid;place-items:center;box-shadow:0 8px 22px #10213c20}.carousel-arrow:hover{background:#f4f7fb}.carousel-arrow.left{left:-20px}.carousel-arrow.right{right:-20px}.carousel-arrow .icon{width:18px;height:18px}.feature-slide{background:linear-gradient(145deg,#17253e,#213654)}.feature-slide-inner{height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px;color:#fff}.feature-kicker{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#88aaff;margin-bottom:16px}.feature-slide h3{font-size:34px;line-height:1.2;letter-spacing:-1px;max-width:430px}.feature-slide p:not(.feature-kicker){color:#b9c7dc;margin-top:16px;max-width:430px}.route-demo,.metric-demo{margin-top:34px;border:1px solid #ffffff1f;background:#ffffff0a;border-radius:10px;padding:18px}.route-demo{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:12px}.route-demo span{font-size:11px;color:#8fa6c7;text-transform:uppercase;letter-spacing:.8px}.route-demo b{font-size:13px}.route-demo i{display:grid;place-items:center;color:#9db4d5}.route-demo .icon{width:16px}.metric-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-demo span{display:flex;flex-direction:column;gap:6px}.metric-demo span+span{border-left:1px solid #ffffff1a;padding-left:18px}.metric-demo small{color:#9db0cb;font-size:11px}.metric-demo strong{font-size:24px}.provider-strip{padding:30px 0 24px;border-block:1px solid var(--line);display:block;overflow:hidden}.provider-strip>.container p{text-align:center;font-size:15px;font-weight:700;color:var(--muted);margin:0 0 26px}.provider-marquee{width:100%;overflow:hidden;position:relative}.provider-marquee:before,.provider-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:70px;pointer-events:none}.provider-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.provider-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.provider-track{display:flex;width:max-content;animation:provider-scroll-right 18s linear infinite;will-change:transform}.provider-group{display:flex;align-items:center;gap:74px;padding-right:74px}.provider-item{display:inline-flex;align-items:center;gap:12px;min-width:max-content;color:var(--ink)}.provider-item b{font-size:18px;font-weight:750;letter-spacing:-.4px}.provider-logo{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px}.provider-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}@keyframes provider-scroll-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}.section-heading.solo{justify-content:flex-start;align-items:flex-start}.section-heading.solo>div{max-width:720px}.benefit-row{row-gap:45px}.model-heading{margin-bottom:28px}.model-placeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.model-placeholder{height:138px;border:1px dashed #cfd8e5;border-radius:10px;background:linear-gradient(180deg,#fbfcfe,#f7f9fc)}.footer-contact{margin-left:auto;display:flex;align-items:center;gap:15px}.footer-contact>span{font-weight:700;color:var(--ink)}.footer-contact>div{display:flex;gap:8px}.social-link{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce3ec;border-radius:50%;background:#fff;color:#34445f}.social-link:hover{color:var(--blue);border-color:#aebbd0;background:#f7f9fc}.social-link .icon{width:16px;height:16px}.balance-receipt .receipt-balance:first-child{padding-top:8px}

/* Dark mode */
html[data-theme="dark"]{--ink:#eef3fb;--muted:#9ba9bd;--blue:#7d9cff;--navy:#101a2d;--line:#29364b;--canvas:#0a111d;--page:#0a111d;--surface:#0e1726;--soft:#101a2a;--accent:#7d9cff;color-scheme:dark;background:#0a111d}html[data-theme="dark"] body{background:#0a111d;color:var(--ink)}html[data-theme="dark"] .landing,html[data-theme="dark"] .site-header,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .wallet-summary,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .dialog{background:#0e1726;color:var(--ink)}html[data-theme="dark"] .btn.outline,html[data-theme="dark"] .search-input,html[data-theme="dark"] .input-affix,html[data-theme="dark"] .showcase-main,html[data-theme="dark"] .balance-receipt,html[data-theme="dark"] .social-link{background:#111c2d;color:var(--ink);border-color:#2d3c53}html[data-theme="dark"] .btn.outline:hover,html[data-theme="dark"] .social-link:hover{background:#17243a}html[data-theme="dark"] .landing-nav,html[data-theme="dark"] .site-footer{color:#aab6c8}html[data-theme="dark"] .workspace-showcase{background:#101a2a;border-color:#2a3950}html[data-theme="dark"] .showcase-nav{border-color:#2a3950;color:#9cacbf}html[data-theme="dark"] .showcase-nav .tiny-brand{color:#eef3fb}html[data-theme="dark"] .showcase-nav .selected{background:#1a2d50;color:#9cb8ff}html[data-theme="dark"] .balance-section{background:#0c1524;border-color:#27364d}html[data-theme="dark"] .model-placeholder{background:#101a2a;border-color:#33445c}html[data-theme="dark"] .provider-marquee:before{background:linear-gradient(90deg,#0e1726,transparent)}html[data-theme="dark"] .provider-marquee:after{background:linear-gradient(-90deg,#0e1726,transparent)}html[data-theme="dark"] .carousel-arrow{background:#111c2d;color:#edf3fb;border-color:#31425c}html[data-theme="dark"] .carousel-arrow:hover{background:#18263d}html[data-theme="dark"] .console-header{background:#111c2d;color:#a8b5c8}html[data-theme="dark"] .endpoint span{color:#a8b5c8}html[data-theme="dark"] .menu-open .landing-nav{background:#0f1929}html[data-theme="dark"] .segmented,html[data-theme="dark"] .form-notice{background:#111c2d}html[data-theme="dark"] .segmented button.active{background:#1b2940;color:#eef3fb}html[data-theme="dark"] .help-strip,html[data-theme="dark"] .info-block{background:#101c30;border-color:#2b3c55}html[data-theme="dark"] .output-empty{background:#0f1929}html[data-theme="dark"] .tag{background:#111c2d;border-color:#2d3c53}html[data-theme="dark"] .usage-track{background:#1a2639}html[data-theme="dark"] .avatar{background:#18263b;border-color:#30405a;color:#eef3fb}html[data-theme="dark"] .sidebar nav a.active{background:#182a49;color:#9bb6ff}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#101a2a;color:#eef3fb;border-color:#33445c}html[data-theme="dark"] .feature-slide{background:linear-gradient(145deg,#0e1726,#182a43)}

@media(max-width:1000px){.header-actions{gap:10px}.provider-group{gap:52px;padding-right:52px}.carousel-arrow.left{left:-12px}.carousel-arrow.right{right:-12px}.model-placeholder-grid{gap:14px}}
@media(max-width:760px){.brand-logo-wrap{width:36px;height:36px;flex-basis:36px}.header-actions .theme-toggle{padding:8px}.hero-showcase{margin-inline:8px}.showcase-viewport{min-height:410px}.carousel-arrow{width:36px;height:36px;margin-top:-18px}.carousel-arrow.left{left:-10px}.carousel-arrow.right{right:-10px}.feature-slide-inner{padding:34px 30px}.feature-slide h3{font-size:28px}.route-demo{grid-template-columns:1fr 1fr}.route-demo i{display:none}.provider-strip>.container p{font-size:13px;margin-bottom:20px}.provider-group{gap:38px;padding-right:38px}.provider-item b{font-size:16px}.provider-logo{width:31px;height:31px;flex-basis:31px}.model-placeholder-grid{grid-template-columns:1fr}.model-placeholder{height:112px}.footer-contact{width:100%;margin-left:0;justify-content:space-between}.site-footer>.brand{display:none}}
@media(max-width:480px){.header-actions .btn{display:none}.showcase-viewport{min-height:390px}.hero-slide .code-panel pre{min-height:244px}.route-demo{gap:8px;padding:14px}.metric-demo{padding:14px}.provider-group{gap:30px;padding-right:30px}.provider-marquee:before,.provider-marquee:after{width:28px}}

html[data-theme="dark"] .provider-item[data-provider="OpenAI"] .provider-logo img,html[data-theme="dark"] .provider-item[data-provider="xAI"] .provider-logo img,html[data-theme="dark"] .provider-item[data-provider="ZAI"] .provider-logo img{filter:invert(1)}

.theme-toggle,.theme-toggle.compact,.header-actions .theme-toggle{width:42px;height:42px;padding:0;justify-content:center}
.theme-toggle .icon{width:20px;height:20px}
.theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:inline-flex}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}

.provider-strip>.container{display:block}

.sidebar>nav{margin-top:26px}

.provider-strip>.provider-marquee{display:block}
.provider-group{flex:0 0 auto}

/* Collapsible workspace navigation and contact actions */
.sidebar,.workspace-content{transition:width .22s ease,margin-left .22s ease}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:8px}
.sidebar-header .brand{min-width:0;font-size:24px}
.sidebar-header .brand-logo-wrap{width:48px;height:48px;flex-basis:48px}
.sidebar-header .brand img{width:100%;height:100%}
.sidebar-toggle{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 36px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink)}
.sidebar-toggle:hover{background:#f3f6fa}
.sidebar-toggle .icon{width:20px;height:20px}
.topbar{justify-content:flex-end}
.workspace-menu-button{margin-right:auto}
.workspace-contact,.workspace-contact>div{display:flex;align-items:center}
.workspace-contact{gap:14px}
.workspace-contact>div{gap:8px}
.workspace-contact-label{font-size:13px;font-weight:700;color:var(--ink)}
html[data-theme="dark"] .sidebar-toggle{border-color:#30405a;color:#eef3fb}
html[data-theme="dark"] .sidebar-toggle:hover{background:#18263b}
@media(min-width:761px){
 .workspace.sidebar-collapsed .sidebar{width:78px;padding-inline:10px}
 .workspace.sidebar-collapsed .workspace-content{margin-left:78px;width:calc(100% - 78px)}
 .workspace.sidebar-collapsed .sidebar-header{justify-content:center;padding:0}
 .workspace.sidebar-collapsed .sidebar-header .brand{display:none}
 .workspace.sidebar-collapsed .sidebar-profile{justify-content:center;margin-inline:0;padding-block:14px}
 .workspace.sidebar-collapsed .sidebar-profile strong,.workspace.sidebar-collapsed .nav-group p,.workspace.sidebar-collapsed .nav-group a span,.workspace.sidebar-collapsed .sidebar-bottom{display:none}
 .workspace.sidebar-collapsed .sidebar>nav{margin-top:8px}
 .workspace.sidebar-collapsed .nav-group{margin-top:13px}
 .workspace.sidebar-collapsed .nav-group a{justify-content:center;padding-inline:0}
 .workspace.sidebar-collapsed .nav-group .icon{width:20px;height:20px}
 .workspace-menu-button{display:none}
}
@media(max-width:760px){
 .sidebar-header{padding-inline:4px}
 .sidebar-header .brand-logo-wrap{width:44px;height:44px;flex-basis:44px}
 .sidebar-toggle{display:none}
 .workspace-contact-label{display:none}
 .workspace-contact{gap:0}
}
/* Refined workspace identity */
.sidebar-header{gap:22px;padding-inline:10px}
.sidebar-profile{justify-content:center;gap:14px;margin:24px 10px 0;padding:24px 0}
.sidebar-profile .avatar{width:42px;height:42px;font-size:16px}
.sidebar-profile strong{font-size:17px}
@media(min-width:1001px){
 .sidebar{width:280px}
 .workspace-content{margin-left:280px;width:calc(100% - 280px)}
}
@media(min-width:761px) and (max-width:1000px){
 .sidebar{width:230px;padding-inline:12px}
 .workspace-content{margin-left:230px;width:calc(100% - 230px)}
 .sidebar-header{gap:14px;padding-inline:4px}
 .sidebar-header .brand{font-size:21px}
 .sidebar-header .brand-logo-wrap{width:42px;height:42px;flex-basis:42px}
 .sidebar-toggle{width:32px;height:32px;flex-basis:32px}
}

/* Authentication */
.auth-shell{min-height:100vh;background:var(--page);color:var(--ink);padding:24px}
.auth-header{width:min(1440px,100%);height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.auth-header .theme-toggle{flex:0 0 auto}
.auth-wrap{min-height:calc(100vh - 112px);display:grid;place-items:center;padding:28px 0 48px}
.auth-card{width:min(1160px,100%);min-height:650px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:0 28px 80px rgba(14,31,57,.1)}
.auth-intro{padding:72px 68px 58px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#1f3150,#152540);color:#f7f9ff}
.auth-intro .eyebrow{color:#9db7e6;margin:0 0 26px}
.auth-intro h1{font-size:clamp(46px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}
.auth-intro div>p:last-child{max-width:470px;margin:0;color:#c5d4ed;font-size:20px;line-height:1.55}
.auth-intro>a{width:max-content;color:#d8e4f8;font-size:18px;text-decoration:none}
.auth-panel{display:grid;place-items:center;padding:64px;background:var(--surface)}
.auth-panel-inner{width:min(470px,100%)}
.auth-kicker{margin:0 0 12px!important;color:var(--accent)!important;font-size:12px!important;font-weight:800;letter-spacing:.14em}
.auth-panel h2{margin:0 0 12px;font-size:42px;letter-spacing:-.04em}
.auth-panel-inner>p:not(.auth-kicker):not(.auth-switch){margin:0 0 34px;color:var(--muted);font-size:17px;line-height:1.55}
.auth-form{display:grid;gap:22px}
.auth-form label{display:grid;gap:9px;color:var(--ink);font-weight:700}
.auth-form input{width:100%;min-height:56px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);padding:0 16px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.auth-form input::placeholder{color:var(--muted)}
.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(92,126,232,.14);background:var(--surface)}
.auth-submit{width:100%;min-height:56px;margin-top:10px;justify-content:center;font-size:16px}
.auth-switch{text-align:center;margin:30px 0 0;color:var(--muted)}
.auth-switch a{color:var(--accent);font-weight:800;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}
html[data-theme="dark"] .auth-card{box-shadow:0 28px 80px rgba(0,0,0,.28)}
html[data-theme="dark"] .auth-intro{background:linear-gradient(145deg,#203459,#14233d)}
@media(max-width:820px){
 .auth-shell{padding:18px}
 .auth-wrap{padding-top:18px}
 .auth-card{grid-template-columns:1fr;min-height:auto}
 .auth-intro{min-height:260px;padding:42px}
 .auth-intro h1{font-size:46px;margin-bottom:18px}
 .auth-intro div>p:last-child{font-size:17px}
 .auth-panel{padding:48px 42px}
}
@media(max-width:520px){
 .auth-shell{padding:14px}
 .auth-header{height:56px}
 .auth-header .brand{font-size:22px}
 .auth-header .brand-logo-wrap{width:38px;height:38px}
 .auth-wrap{min-height:auto;padding:14px 0 28px}
 .auth-card{border-radius:20px}
 .auth-intro{min-height:210px;padding:32px 28px}
 .auth-intro h1{font-size:38px}
 .auth-intro div>p:last-child{font-size:15px}
 .auth-intro>a{display:none}
 .auth-panel{padding:38px 28px}
 .auth-panel h2{font-size:34px}
}

/* Workspace header and profile refinement */
.sidebar-header{gap:10px;padding-inline:2px}
.sidebar-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.sidebar-notification{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 36px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink)}
.sidebar-notification:hover{background:#f3f6fa}
.sidebar-notification .icon{width:19px;height:19px}
.sidebar-profile{justify-content:flex-start;gap:15px;margin:16px 10px 0;padding:18px 4px 13px}
.sidebar-profile .avatar{width:48px;height:48px;font-size:18px}
.sidebar-profile strong{font-size:19px}
.sidebar>nav{margin-top:4px}
.sidebar>nav .nav-group:first-child{margin-top:0}
.workspace-contact>.theme-toggle{margin-right:2px}
html[data-theme="dark"] .sidebar-notification{border-color:#30405a;color:#eef3fb}
html[data-theme="dark"] .sidebar-notification:hover{background:#18263b}
@media(min-width:761px){.workspace.sidebar-collapsed .sidebar-notification{display:none}.workspace.sidebar-collapsed .sidebar-profile{padding-block:12px}.workspace.sidebar-collapsed .sidebar>nav{margin-top:4px}}
@media(max-width:760px){.sidebar-profile{margin-top:14px}.workspace-contact>.theme-toggle{width:36px;height:36px}.workspace-contact>.theme-toggle .icon{width:18px;height:18px}}

/* Sidebar header fit */
.sidebar-header{gap:8px}
.sidebar-header .brand{flex:1;min-width:0;gap:8px;font-size:22px}
.sidebar-header .brand-logo-wrap{width:44px;height:44px;flex-basis:44px}
.sidebar-actions{gap:5px}
.sidebar-notification,.sidebar-toggle{width:34px;height:34px;flex-basis:34px}
@media(min-width:761px) and (max-width:1000px){.sidebar-header .brand{font-size:19px;gap:6px}.sidebar-header .brand-logo-wrap{width:38px;height:38px;flex-basis:38px}.sidebar-notification,.sidebar-toggle{width:31px;height:31px;flex-basis:31px}}

/* Collapsed sidebar actions */
@media(min-width:761px){
 .workspace.sidebar-collapsed .sidebar-header{align-items:center}
 .workspace.sidebar-collapsed .sidebar-actions{flex-direction:column;gap:8px}
 .workspace.sidebar-collapsed .sidebar-toggle{order:1}
 .workspace.sidebar-collapsed .sidebar-notification{display:inline-grid;order:2}
}

/* State-specific notification buttons */
.sidebar-notification-collapsed{display:none}
@media(min-width:761px){
 .workspace.sidebar-collapsed .sidebar-notification-expanded{display:none}
 .workspace.sidebar-collapsed .sidebar-notification-collapsed{display:inline-grid;order:2}
 .workspace.sidebar-collapsed .sidebar-toggle{order:1}
}

/* Landing model catalog R3 — real production catalog, latest MeyKey visual language. */
.landing-model-catalog{width:100%;min-width:0}
.landing-model-table-shell{width:100%;max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;scrollbar-gutter:stable}
.landing-model-table{width:100%;min-width:900px;border-collapse:collapse;color:var(--ink);font-size:14px}
.landing-model-table th{position:sticky;top:0;z-index:2;padding:13px 16px;border-bottom:1px solid var(--line);background:#f7f9fc;color:var(--muted);text-align:left;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.landing-model-table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.landing-model-table tbody tr:last-child td{border-bottom:0}
.landing-model-table tbody tr:hover td{background:#fafbfd}
.landing-model-table td:first-child strong{font-weight:800}
.landing-model-table td:nth-child(2){display:table-cell}
.landing-model-table td:nth-child(2)>strong{display:block;font-weight:750}
.landing-model-table td:nth-child(2)>small{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.landing-model-state{min-height:150px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:#fbfcfe}
html[data-theme="dark"] .landing-model-table-shell{background:#101a2a;border-color:#33445c}
html[data-theme="dark"] .landing-model-table th{background:#111c2d;border-color:#2d3c53;color:#9ba9bd}
html[data-theme="dark"] .landing-model-table td{border-color:#29364b;color:#eef3fb}
html[data-theme="dark"] .landing-model-table tbody tr:hover td{background:#121f32}
html[data-theme="dark"] .landing-model-state{background:#101a2a;border-color:#33445c;color:#9ba9bd}
@media(max-width:760px){.landing-model-table-shell{max-height:480px}.landing-model-table{min-width:820px;font-size:13px}.landing-model-table th,.landing-model-table td{padding-inline:12px}}

/* hero-banner-v3298 */
.hero-banner{margin:20px auto 0;padding:0 24px;max-width:1200px}
.hero-banner img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid rgba(120,150,190,.35)}
.feature-slide .slide-image{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:14px;margin:0 0 14px}
@media(max-width:640px){.hero-banner{padding:0 16px}.hero-banner img{border-radius:14px}}