/* System fonts keep the first render independent of third-party font servers. */
:root{color-scheme:light;--bg:#e9eef5;--surface:#fff;--surface2:#f5f6f8;--surface3:#eef1f8;--text:#171a23;--muted:#7d8392;--sub:#596171;--line:#e9ebf1;--blue:#485bc4;--blue-hover:#394bac;--blue-soft:#eef1ff;--light-blue:#b7c7e5;--green:#33947d;--red:#c56775;--shadow:0 16px 60px #2939640c;--card-shadow:0 4px 20px #142b4e04;--nav-bg:#f4f5f7;--dark-art:#2c449f;--serif:Georgia,serif;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--heading:var(--font)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1422;--surface:#0b111c;--surface2:#131d2b;--surface3:#1b2940;--text:#edf1ff;--muted:#8490a8;--sub:#afb9ce;--line:#243044;--blue:#6380f9;--blue-hover:#7891ff;--blue-soft:#1a294d;--light-blue:#405a89;--green:#73bda8;--red:#ed99a7;--shadow:0 16px 60px #0002;--card-shadow:none;--nav-bg:#151f2e;--dark-art:#1d337e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6c87f5;outline-offset:3px}button{border:0;background:none}button svg,a svg{pointer-events:none}img,svg{vertical-align:middle}svg.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650;letter-spacing:-.045em}h1{font-size:38px;line-height:1.25}h2{font-size:26px;line-height:1.35}h3{font-size:17px;line-height:1.5}small{font-size:11px}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;cursor:pointer}input[type=range]{accent-color:var(--blue);width:100%;cursor:pointer}input[type=number]{width:100%}::selection{background:#bdc9fb;color:#17255b}.skip-link{position:fixed;top:-80px;left:20px;background:var(--blue);color:white;padding:10px 20px;z-index:999}.skip-link:focus{top:10px}.app-shell{max-width:1640px;margin:24px auto;background:var(--surface);border:1px solid #ffffff35;border-radius:24px;box-shadow:var(--shadow);min-height:calc(100vh - 48px);overflow:clip}.site-header{height:91px;padding:0 38px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--heading);font-size:19px;font-weight:800;letter-spacing:-.8px}.brand .brand-mark{width:30px;height:30px}.brand small{font-size:9px;font-weight:500;color:var(--muted);margin-left:1px;letter-spacing:1px}.nav{display:flex;align-items:center;gap:3px;padding:5px;background:var(--nav-bg);border-radius:30px;margin:auto;white-space:nowrap}.nav a{padding:7px 14px;font-size:12px;color:var(--sub);border-radius:24px;transition:background .2s,color .2s}.nav a:hover{background:var(--surface)}.nav a.active{background:var(--blue);color:#fff;box-shadow:0 2px 5px #364c9f20}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sub);flex-shrink:0;transition:.2s}.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}.icon-btn.selected{background:var(--blue-soft);color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:24px;min-height:38px;padding:8px 18px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .18s,transform .18s,border .18s}.btn:hover{background:var(--surface2);border-color:#b7c1dc}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.btn.dark{background:var(--text);color:var(--surface);border-color:var(--text)}.btn.ghost{border-color:transparent}.btn.soft{background:var(--blue-soft);border-color:transparent;color:var(--blue)}.btn.sm{min-height:30px;padding:5px 12px;font-size:11px}.btn.square{border-radius:10px}.btn.wide{width:100%}.btn svg{width:15px;height:15px}.mobile-menu{display:none}.announcement{display:flex;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:6px 42px;font-size:10px;color:var(--sub);background:linear-gradient(90deg,var(--surface),var(--blue-soft),var(--surface));position:relative}.announcement .icon{width:13px;height:13px;color:var(--blue)}.announcement a{color:var(--blue);font-weight:600;margin-left:5px}.announcement .close{position:absolute;right:25px;top:3px}.announcement .close svg{width:13px}.page{padding:36px 44px 48px;animation:enter .25s ease both}.page-home{padding-top:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)}.muted{color:var(--muted)}.sub{color:var(--sub)}.blue{color:var(--blue)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;letter-spacing:-.03em}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--line);border-radius:30px;font-size:10px;line-height:1.5;white-space:nowrap;color:var(--sub)}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}.badge.green{background:#3a9a7d0d;color:var(--green);border-color:#3a9a7d20}.badge.dot:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.section-label .sub{font-size:12px;margin-top:5px}.section-label a{font-size:12px;color:var(--sub)}.section-label a:hover{color:var(--blue)}.page-intro{margin-bottom:26px}.page-intro h1{margin-top:8px}.page-intro p{color:var(--muted);font-size:12px;margin-top:10px;max-width:630px}.page-intro .title-count{font-size:12px;letter-spacing:0;color:var(--muted);background:var(--surface2);padding:5px 9px;border-radius:8px;margin-left:10px;font-weight:400;vertical-align:middle}.demo-note{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px}.demo-note .icon{width:13px;height:13px}.text-link{font-size:12px;color:var(--blue);display:inline-flex;align-items:center;gap:6px}.text-link:hover{text-decoration:underline}.card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--card-shadow)}.panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.input{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);min-height:40px;padding:9px 12px;width:100%;transition:border .2s}.input:focus{border-color:var(--blue)}.input::placeholder{color:var(--muted)}.search-input{position:relative;display:flex;align-items:center}.search-input>.icon{position:absolute;left:13px;color:var(--muted);width:16px;height:16px}.search-input .input{padding-left:38px}.search-input .keycap{position:absolute;right:10px}.keycap{font-size:10px;color:var(--muted);background:var(--surface2);padding:2px 5px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.select{padding:9px 30px 9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--sub);font-size:12px;min-height:40px;cursor:pointer}.tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tab{font-size:12px;color:var(--sub);border:1px solid transparent;border-radius:24px;padding:7px 15px;display:inline-flex;align-items:center;gap:6px;transition:.2s}.tab:hover{background:var(--surface2)}.tab.active{color:var(--blue);background:var(--blue-soft);border-color:#596cce15}.tab small{font-size:9px;opacity:.6}.segmented{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:3px;gap:3px}.segmented button{border-radius:7px;padding:6px 10px;color:var(--muted);font-size:11px;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--blue);box-shadow:0 1px 5px #00000008}.segmented .icon{width:15px;height:15px}.model-logo{height:36px;width:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--logo-color) 10%,var(--surface));color:var(--logo-color);font-family:var(--heading);font-size:25px;font-weight:650;flex-shrink:0}.model-logo.sm{width:28px;height:28px;font-size:20px;border-radius:9px}.model-logo.lg{width:54px;height:54px;font-size:36px;border-radius:16px}.provider-avatars{display:flex;padding-left:3px}.provider-avatars .model-logo{border:3px solid var(--surface);margin-left:-3px;width:30px;height:30px;border-radius:50%;font-size:18px}.stat-label{font-size:10px;color:var(--muted);margin-bottom:5px}.stat-value{font-family:var(--heading);font-size:24px;line-height:1.4;letter-spacing:-1px;font-weight:600}.stat-unit{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}.empty-state{text-align:center;padding:70px 20px}.empty-state>.icon{width:38px;height:38px;color:var(--muted);margin-bottom:15px}.empty-state h3{margin-bottom:6px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:20px}.positive{color:var(--green)}.negative{color:var(--red)}
/* Home */
.hero-heading{display:grid;grid-template-columns:1fr 260px;align-items:end;gap:50px;margin:18px 0 28px}.hero-heading h1{font-weight:500;font-size:65px;line-height:1.22;letter-spacing:-3px;max-width:860px}.hero-heading h1 .hero-blue{color:var(--blue)}.hero-heading h1 .small-symbol{color:var(--blue);display:inline-block;font-size:60px;margin-left:8px;font-family:var(--font)}.hero-heading .hero-copy{padding-bottom:10px}.hero-copy .tiny-star{font-size:25px;color:var(--blue);margin-bottom:9px}.hero-copy p{font-size:12px;color:var(--muted);line-height:1.9}.hero-copy p strong{color:var(--text);font-weight:500}.hero-showcase{display:flex;gap:10px;height:310px;position:relative;margin-top:31px}.hero-art{background:#b4c6e7;border-radius:24px;overflow:hidden;position:relative;min-width:0;flex:1}.hero-art svg.art-bg{width:100%;height:100%;position:absolute;inset:0}.hero-art .art-labels{position:absolute;top:18px;left:20px;display:flex;gap:5px;flex-wrap:wrap;max-width:75%;z-index:1}.hero-art .art-labels span{border:1px solid #ffffff85;border-radius:24px;padding:2px 10px;color:#fff;font-size:10px;background:#ffffff12;backdrop-filter:blur(5px)}.hero-art .art-caption{position:absolute;bottom:22px;left:24px;color:white;z-index:1}.art-caption small{font-size:9px;letter-spacing:2px;opacity:.75}.art-caption h2{font-size:24px;font-weight:500;letter-spacing:-1px;margin-top:3px}.art-index{position:absolute;bottom:18px;right:17px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#23336b;font-size:10px;z-index:1}.hero-rail{flex:0 0 58px;border-radius:24px;background:var(--light-blue);color:#fff;position:relative;overflow:hidden;transition:flex .45s cubic-bezier(.22,.61,.36,1);cursor:pointer}.hero-rail.active{flex:0 0 238px;background:var(--blue)}.rail-label{position:absolute;top:50%;left:50%;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);font-size:12px;letter-spacing:2px;transition:opacity .2s}.hero-rail .rail-content{opacity:0;transition:opacity .3s .15s;position:absolute;inset:0;padding:26px;text-align:left;pointer-events:none}.hero-rail.active .rail-label{opacity:0}.hero-rail.active .rail-content{opacity:1}.rail-content small{font-size:9px;letter-spacing:2px;color:#dce6ff}.rail-content h3{font-size:24px;font-weight:500;color:#fff;letter-spacing:-.7px;line-height:1.5;position:absolute;bottom:82px}.rail-content p{font-size:10px;color:#dce6ff;position:absolute;bottom:47px;width:175px;line-height:1.6}.rail-circle{width:138px;height:138px;border-radius:50%;position:absolute;top:28px;right:-16px;background:radial-gradient(circle at 30% 25%,#f4f6ff,#b7c8ef 30%,#778ed8 57%,#3c54ae 83%);box-shadow:-14px 12px 30px #12275e25}.rail-circle:after{content:'';position:absolute;inset:18px;border:1px solid #ffffff60;border-radius:50%;transform:rotate(-30deg) scaleX(.5)}.hero-summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0 25px;border-bottom:1px solid var(--line)}.hero-summary .row{gap:26px}.hero-summary span{font-size:10px;color:var(--sub)}.hero-summary span strong{font-weight:600;color:var(--text)}.hero-summary .status{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #3e9b7e10;display:inline-block}.home-metrics{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;margin:32px 0 47px}.home-metrics .metric-intro{padding:8px 18px 8px 0}.metric-intro h2{font-weight:500;font-size:25px;line-height:1.45}.metric-card{border-radius:22px;background:var(--surface2);padding:22px;display:flex;align-items:center;gap:14px}.metric-card>.icon{height:39px;width:39px;color:var(--blue);background:var(--surface);padding:10px;border-radius:50%;stroke-width:1.5}.metric-card small{font-size:10px;color:var(--sub)}.metric-card strong{font-size:22px;display:block;font-family:var(--heading);font-weight:600;letter-spacing:-1px}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.featured-card{padding:22px;transition:.22s;display:block}.featured-card:hover{transform:translateY(-4px);border-color:#b5bfe8;box-shadow:0 8px 30px #4b60bb0a}.featured-card .featured-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.featured-card h3{font-size:15px;letter-spacing:-.4px}.featured-card p{font-size:11px;color:var(--muted);line-height:1.85;margin:8px 0 18px;min-height:41px}.featured-price{display:flex;align-items:baseline;gap:4px;color:var(--sub);font-size:10px}.featured-price strong{font-size:17px;color:var(--text);font-family:var(--heading)}.home-bottom{margin-top:44px;background:var(--surface2);border-radius:24px;padding:35px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.home-bottom h2{font-size:27px;font-weight:500;margin:12px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{position:relative}.step>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:var(--surface);border-radius:50%;font-size:10px;color:var(--blue);margin-bottom:16px}.step h3{font-size:13px;letter-spacing:0}.step p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}
/* Catalog */
.catalog-layout{display:grid;grid-template-columns:207px 1fr;gap:36px}.filter-sidebar{border-right:1px solid var(--line);padding-right:24px}.filter-sidebar .filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12px;font-weight:600}.filter-group{border-top:1px solid var(--line);padding:15px 0}.filter-group>button{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;padding:0;gap:8px}.filter-group>button .icon{width:13px;height:13px}.filter-group .filter-content{padding-top:11px;display:flex;flex-direction:column;gap:9px}.filter-option{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--sub);cursor:pointer}.filter-option .filter-num{margin-left:auto;font-size:9px;color:var(--muted)}.filter-info{background:var(--blue-soft);padding:15px;border-radius:12px;margin-top:20px;font-size:10px;line-height:1.8;color:var(--sub)}.filter-info>.icon{color:var(--blue);margin-bottom:8px}.filter-info a{display:inline-block;margin-top:9px;color:var(--blue)}.catalog-toolbar{display:flex;gap:8px;margin:23px 0 16px}.catalog-toolbar .search-input{flex:1;min-width:160px}.catalog-toolbar .btn{border-radius:10px;padding:8px 12px}.catalog-toolbar .select{width:130px}.catalog-tabs{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px;gap:12px}.catalog-tabs .tab{padding:6px 12px;font-size:11px}.results-info{color:var(--muted);font-size:10px;white-space:nowrap}.model-list{display:flex;flex-direction:column;gap:12px}.model-card{padding:21px 23px;border:1px solid var(--line);border-radius:16px;transition:.2s;position:relative;background:var(--surface)}.model-card:hover{border-color:#b3bee3;box-shadow:var(--card-shadow)}.model-card .model-card-head{display:flex;align-items:center;gap:11px}.model-card-head h3{font-size:15px;letter-spacing:-.4px}.model-card-head h3 a:hover{color:var(--blue)}.model-card-head .model-vendor{font-size:10px;color:var(--muted)}.model-card-actions{margin-left:auto;display:flex;gap:3px}.model-card-actions .icon-btn{width:29px;height:29px}.model-card-actions .icon{width:15px;height:15px}.model-card p{color:var(--muted);font-size:11px;line-height:1.85;margin:12px 0;max-width:95%}.model-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.model-meta{display:flex;gap:15px;font-size:10px;color:var(--sub);align-items:center;flex-wrap:wrap}.model-meta span{display:flex;align-items:center;gap:4px}.model-meta .icon{height:12px;width:12px;color:var(--muted)}.model-meta strong{font-weight:500;color:var(--text)}.model-tags{display:flex;gap:4px}.model-tags .badge{font-size:9px;padding:2px 7px;background:var(--surface2);border-color:transparent}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:var(--muted);font-size:10px;font-weight:500;padding:13px 16px;background:var(--surface2);white-space:nowrap}td{padding:16px;border-top:1px solid var(--line);white-space:nowrap}tbody tr:hover{background:var(--surface2)}td strong{font-weight:500}th button{font-size:inherit;color:inherit;padding:0;display:flex;gap:4px;align-items:center}th .icon{width:11px;height:11px}.table-name{display:flex;gap:10px;align-items:center}.table-name a:hover{color:var(--blue)}.table-name small{color:var(--muted);font-size:9px;display:block}.load-more{text-align:center;margin-top:22px}.catalog-side-toggle{display:none}.active-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.active-filters .badge button{font-size:12px;padding:0 1px}
/* Detail / charts */
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:25px}.breadcrumb a:hover{color:var(--blue)}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.detail-title{display:flex;gap:16px;align-items:center}.detail-title h1{font-size:32px;letter-spacing:-1px}.detail-id{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:5px}.detail-id .icon-btn{width:23px;height:23px}.detail-id .icon{width:12px;height:12px}.detail-description{font-size:12px;line-height:1.9;color:var(--sub);max-width:850px;margin:23px 0 15px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0 29px}.detail-metrics .panel{padding:19px 23px;background:var(--surface2);border:0;border-radius:16px}.detail-metrics .stat-value{font-size:23px}.detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow:auto}.detail-tabs button{padding:12px 5px;color:var(--muted);font-size:12px;white-space:nowrap;position:relative}.detail-tabs button.active{color:var(--blue)}.detail-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.detail-content{animation:enter .2s ease}.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel-heading h3{font-size:14px;letter-spacing:-.25px}.panel-heading small{color:var(--muted);font-size:10px}.mini-chart{position:relative;min-height:160px}.mini-chart svg,.usage-chart svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}.chart-label{fill:var(--muted);font-size:10px;font-family:var(--font)}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 12px;box-shadow:var(--shadow);font-size:10px;min-width:100px}.chart-tooltip strong{display:block;color:var(--blue);font-size:13px}.chart-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:var(--sub);margin-top:15px}.chart-legend span,.chart-legend button{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--sub);padding:0}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--legend)}.chart-legend button.off{opacity:.3;text-decoration:line-through}.capability-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;font-size:11px;color:var(--sub)}.capability-list span{display:flex;align-items:center;gap:6px}.capability-list .icon{width:14px;height:14px;color:var(--blue)}.availability{display:flex;gap:3px;margin-top:18px}.availability i{height:22px;flex:1;background:#74b6a3;border-radius:3px;opacity:.72}.availability i:nth-child(17n){background:#c6b478}.availability i:nth-child(23n){opacity:.25}.detail-provider-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.detail-provider-head h2{font-size:21px}.detail-provider-head p{font-size:11px;color:var(--muted);margin-top:6px}.provider-bar{height:5px;background:var(--blue-soft);width:55px;border-radius:8px;display:inline-block;vertical-align:middle;margin-right:6px;overflow:hidden}.provider-bar i{height:100%;display:block;background:var(--blue);border-radius:8px}.code-panel{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:18px;background:var(--surface2)}.code-head{padding:11px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:8px}.code-head .tabs{gap:3px}.code-head .tab{font-size:10px;padding:3px 9px;border-radius:6px}.code-panel pre{padding:23px;margin:0;overflow:auto;font-size:11px;line-height:1.9;color:var(--sub);tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-panel .code-blue{color:var(--blue)}.notice{padding:15px 18px;border-radius:12px;background:var(--blue-soft);color:var(--sub);font-size:11px;line-height:1.8;border:1px solid #5266c510;display:flex;align-items:flex-start;gap:10px}.notice .icon{color:var(--blue);height:16px;width:16px;margin-top:2px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 0;text-align:left;font-size:12px;gap:20px}.faq-question .icon{width:15px;color:var(--muted)}.faq-answer{padding:0 35px 20px 0;color:var(--muted);font-size:12px;line-height:1.9;animation:enter .2s}.related{margin-top:30px}
/* Compare */
.compare-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0 25px}.compare-slot{position:relative;min-height:155px;border:1px solid var(--line);border-radius:19px;padding:24px;background:var(--surface)}.compare-slot.empty{border-style:dashed;background:var(--surface2);display:flex;align-items:center;justify-content:center}.compare-slot .remove{position:absolute;right:10px;top:10px;width:25px;height:25px}.compare-slot h3{font-size:16px;margin-top:13px}.compare-slot p{font-size:10px;color:var(--muted);margin-top:2px}.compare-slot .replace{position:absolute;bottom:17px;right:18px;color:var(--blue);font-size:10px}.compare-slot .recommended{position:absolute;top:23px;left:73px}.compare-table td,.compare-table th{width:25%;padding:17px 23px}.compare-table td:first-child{color:var(--muted);font-size:10px}.compare-table .best{color:var(--blue);font-weight:600}.compare-table .icon{width:14px;height:14px;color:var(--blue)}.compare-table th{font-size:12px;color:var(--text)}.comparison-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.preset{padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.preset:hover{border-color:var(--blue);background:var(--blue-soft)}.preset h3{font-size:12px;letter-spacing:0}.preset p{font-size:10px;color:var(--muted);margin-top:2px}.calculator{margin-top:27px;padding:25px;background:var(--surface2);border-radius:20px}.calculator-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:25px;margin-top:22px;align-items:end}.field label,.field-label{display:block;font-size:11px;color:var(--sub);margin-bottom:8px}.field .field-description{font-size:10px;color:var(--muted);margin-top:5px}.cost-result{padding:15px 20px;border-radius:13px;background:var(--surface);display:flex;justify-content:space-between;align-items:center}.cost-result strong{font-family:var(--heading);font-size:24px;color:var(--blue);letter-spacing:-1px}.cost-result span{font-size:10px;color:var(--muted)}
/* Rankings */
.rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.rank-stats .panel{padding:19px 23px;background:var(--surface2);border:0}.rank-stats .stat-value{font-size:25px;display:flex;align-items:baseline;gap:12px}.rank-stats .stat-value small{font-family:var(--font);font-size:10px;letter-spacing:0;font-weight:400}.ranking-chart-layout{display:grid;grid-template-columns:1fr 265px;gap:20px}.usage-chart{position:relative}.donut{width:154px;height:154px;border-radius:50%;margin:15px auto 21px;background:conic-gradient(#4b60c5 0% 28%,#8c9edb 28% 49%,#b6c7e5 49% 68%,#7b9cce 68% 85%,#dee5f2 85%);position:relative;display:flex;align-items:center;justify-content:center}.donut:before{content:'';position:absolute;inset:18px;border-radius:50%;background:var(--surface)}.donut .donut-label{position:relative;text-align:center;font-size:10px;color:var(--muted)}.donut .donut-label strong{font-family:var(--heading);font-size:24px;display:block;color:var(--text);letter-spacing:-1px;font-weight:600}.market-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:9px;color:var(--sub)}.market-legend span{display:flex;align-items:center;gap:5px}.market-legend i{width:6px;height:6px;border-radius:50%;background:var(--legend)}.rank-table .rank-index{font-size:12px;color:var(--muted);font-family:var(--heading)}.rank-table tr:nth-child(-n+3) .rank-index{color:var(--blue);font-weight:700}.sparkline{width:75px;height:24px}.table-heading{margin:28px 0 17px;display:flex;justify-content:space-between;align-items:center;gap:18px}.table-heading .search-input{width:210px}.table-heading .input{min-height:34px;font-size:11px}
/* Chat */
.page-chat{padding:0;min-height:760px;height:calc(100vh - 186px);display:flex;overflow:hidden;border-radius:0 0 24px 24px}.chat-sidebar{width:230px;flex-shrink:0;padding:23px 17px;background:var(--surface2);border-right:1px solid var(--line);display:flex;flex-direction:column}.chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 6px}.chat-sidebar h3{font-size:13px;letter-spacing:0}.chat-sidebar .input{background:transparent;font-size:10px;min-height:34px;margin:13px 0 20px}.chat-sidebar>.btn{font-size:11px;background:var(--surface)}.chat-history{display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}.chat-history .history-label{font-size:9px;color:var(--muted);padding:7px 10px}.history-item{display:flex;align-items:center;gap:5px;border-radius:9px}.history-item.active{background:var(--surface)}.history-item>button:first-child{padding:10px;font-size:10px;flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:160px;color:var(--sub)}.history-item>.icon-btn{width:23px;height:23px}.history-item .icon{width:11px;height:11px}.chat-sidebar-foot{border-top:1px solid var(--line);padding:18px 7px 0;font-size:10px;color:var(--muted)}.chat-sidebar-foot .row{margin-bottom:5px;color:var(--sub)}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.chat-toolbar{height:66px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.chat-models{display:flex;gap:6px;align-items:center;overflow:auto}.chat-model-chip{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:22px;font-size:10px;white-space:nowrap}.chat-model-chip .model-logo{width:23px;height:23px;font-size:17px;border-radius:50%}.chat-model-chip button{padding:0;color:var(--muted)}.chat-model-chip button .icon{width:11px;height:11px}.chat-scroll{flex:1;overflow:auto;padding:26px 40px;display:flex;flex-direction:column;scroll-behavior:smooth}.chat-welcome{margin:auto;text-align:center;max-width:620px;padding:35px 0}.welcome-symbol{width:64px;height:64px;border-radius:20px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:40px}.chat-welcome h1{font-size:32px;font-weight:500;letter-spacing:-1px}.chat-welcome>p{font-size:12px;color:var(--muted);margin-top:9px}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin-top:30px}.prompt-card{padding:17px 20px;border:1px solid var(--line);border-radius:15px;text-align:left;transition:.2s}.prompt-card:hover{border-color:var(--blue);background:var(--blue-soft)}.prompt-card .icon{width:17px;color:var(--blue);margin-bottom:10px}.prompt-card h3{font-size:12px;letter-spacing:0}.prompt-card p{font-size:10px;color:var(--muted);margin-top:4px}.chat-composer{padding:12px 35px 17px;flex-shrink:0}.composer-box{border:1px solid var(--line);border-radius:20px;padding:13px 15px;box-shadow:0 4px 24px #233b6b04;background:var(--surface)}.composer-box:focus-within{border-color:#a8b8e8}.composer-box textarea{width:100%;resize:none;border:0;background:none;color:var(--text);min-height:49px;max-height:140px;padding:3px;font-size:12px;line-height:1.8}.composer-box textarea::placeholder{color:var(--muted)}.composer-actions{display:flex;align-items:center;justify-content:space-between}.composer-actions .icon-btn{width:29px;height:29px}.composer-actions .icon{width:16px;height:16px}.send-btn{width:34px;height:34px;border-radius:50%;color:white;background:var(--blue);display:flex;align-items:center;justify-content:center}.send-btn .icon{width:17px}.chat-disclaimer{text-align:center;font-size:9px;color:var(--muted);margin-top:10px}.attachment-chip{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--blue);background:var(--blue-soft);padding:3px 9px;border-radius:6px;margin-bottom:7px}.message{max-width:850px;width:100%;margin:0 auto 24px;animation:enter .2s}.message-user{display:flex;flex-direction:column;align-items:flex-end}.message-user .message-content{background:var(--blue-soft);padding:13px 18px;border-radius:17px 17px 3px 17px;max-width:85%;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.message-user .message-meta{font-size:9px;color:var(--muted);margin-top:6px}.assistant-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;margin-bottom:11px}.assistant-head small{font-size:9px;color:var(--muted);font-weight:400}.assistant-text{font-size:12px;line-height:1.95;color:var(--sub);white-space:pre-wrap;overflow-wrap:anywhere}.assistant-text strong{color:var(--text)}.assistant-text code{font-size:11px;background:var(--surface2);padding:2px 5px;border-radius:4px}.message-actions{display:flex;gap:4px;margin-top:10px}.message-actions .icon-btn{width:26px;height:26px}.message-actions .icon{width:13px;height:13px}.multi-replies{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:18px;margin-bottom:22px}.multi-replies .message{padding:18px;border:1px solid var(--line);border-radius:15px;margin:0}.typing-cursor:after{content:'';display:inline-block;width:5px;height:13px;background:var(--blue);margin-left:3px;animation:blink .8s infinite}.chat-toggle{display:none!important}
/* Pricing / docs */
.pricing-hero{text-align:center;padding:15px 0 35px}.pricing-hero .eyebrow{justify-content:center}.pricing-hero h1{font-size:46px;font-weight:500;margin:14px 0 12px}.pricing-hero p{font-size:12px;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:14px 0 32px}.plan-card{padding:26px 22px;position:relative}.plan-card.featured{border-color:var(--blue);background:linear-gradient(160deg,var(--blue-soft),var(--surface) 65%)}.plan-card .plan-popular{position:absolute;top:-12px;left:22px;background:var(--blue);color:#fff;border-radius:12px;padding:3px 11px;font-size:9px}.plan-card .plan-title{font-size:15px;font-weight:600}.plan-card>p{font-size:10px;color:var(--muted);margin:8px 0 24px;min-height:32px}.plan-price{font-family:var(--heading);font-size:33px;font-weight:600;letter-spacing:-1.5px;line-height:1.3}.plan-price small{font-family:var(--font);font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted)}.plan-card .price-note{font-size:9px;color:var(--muted);margin:7px 0 22px;min-height:15px}.plan-card .btn{width:100%;border-radius:10px;margin-bottom:23px}.plan-features{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:21px;color:var(--sub);font-size:10px}.plan-features span{display:flex;gap:7px;align-items:center}.plan-features .icon{width:13px;height:13px;color:var(--blue)}.pricing-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.pricing-bottom .calculator{margin:0}.pricing-bottom .calculator-fields{grid-template-columns:1fr 1fr;gap:17px}.pricing-bottom .cost-result{grid-column:1/-1}.pricing-bottom .field.model-field{grid-column:1/-1}.pricing-bottom .select{width:100%}.pricing-faq{padding:15px 0}.pricing-faq h2{font-size:21px;margin-bottom:6px}.pricing-faq .faq-question{font-size:11px}.pricing-faq .faq-answer{font-size:11px}.docs-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 150px;gap:42px}.docs-sidebar{border-right:1px solid var(--line);padding-right:23px}.docs-sidebar .search-input{margin-bottom:25px}.docs-sidebar .input{font-size:10px;min-height:34px;background:var(--surface2)}.docs-group{margin:22px 0}.docs-group>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block;margin:0 0 10px 10px}.docs-group a{padding:8px 10px;display:flex;align-items:center;gap:9px;color:var(--sub);border-radius:9px;font-size:11px;margin-bottom:3px}.docs-group a .icon{height:14px;width:14px;color:var(--muted)}.docs-group a.active{background:var(--blue-soft);color:var(--blue)}.docs-group a.active .icon{color:var(--blue)}.docs-group a:hover{background:var(--surface2)}.docs-content{min-width:0;padding-top:5px}.docs-content h1{margin:12px 0 9px;font-size:35px}.docs-subtitle{font-size:13px;color:var(--muted);margin-bottom:30px}.docs-content .doc-body p{font-size:12px;color:var(--sub);line-height:2;margin:14px 0}.docs-content .doc-body h2{font-size:20px;margin:34px 0 15px}.docs-content .doc-body h3{font-size:14px;margin:22px 0 12px}.docs-content .doc-body ul,.docs-content .doc-body ol{font-size:12px;color:var(--sub);padding-left:20px;line-height:2.3}.docs-content .notice{margin:20px 0}.docs-step{display:flex;gap:13px;align-items:flex-start;margin:23px 0}.docs-step>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:10px;color:var(--blue);flex-shrink:0}.docs-step h3{margin:0!important}.docs-step p{margin:6px 0!important;font-size:11px!important}.docs-toc{padding-top:12px;position:sticky;top:25px;align-self:start;font-size:10px}.docs-toc h4{font-size:10px;font-weight:500;color:var(--text);margin-bottom:16px}.docs-toc a{display:block;border-left:1px solid var(--line);padding:6px 0 6px 14px;color:var(--muted)}.docs-toc a:hover{color:var(--blue);border-color:var(--blue)}.doc-feedback{padding:25px 0;border-top:1px solid var(--line);margin-top:34px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.doc-pagination{display:flex;justify-content:space-between;gap:15px;margin-top:10px}.doc-pagination a{flex:1;border:1px solid var(--line);border-radius:12px;padding:15px;font-size:11px;color:var(--sub)}.doc-pagination a:last-child{text-align:right}.doc-pagination a:hover{border-color:var(--blue)}.doc-pagination small{font-size:9px;color:var(--muted);display:block;margin-bottom:3px}.inline-code{font-size:11px;background:var(--surface2);color:var(--blue);padding:2px 6px;border:1px solid var(--line);border-radius:5px}.doc-mobile-select{display:none}
/* Footer / dialogs */
.site-footer{padding:30px 44px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}.footer-brand .brand{font-size:13px;gap:6px}.footer-brand .brand-mark{height:19px;width:19px}.footer-links{display:flex;gap:20px;font-size:10px;color:var(--muted);align-items:center}.footer-links a:hover,.footer-links button:hover{color:var(--blue)}.footer-links button{font-size:10px;color:var(--muted);padding:0}.demo-pill{font-size:9px;color:var(--muted);display:inline-flex;gap:5px;align-items:center}.demo-pill i{width:5px;height:5px;background:var(--blue);border-radius:50%}.modal-backdrop{position:fixed;inset:0;background:#101d3550;backdrop-filter:blur(8px);z-index:90;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade .15s}.modal{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:480px;max-width:100%;max-height:88vh;overflow:auto;box-shadow:0 30px 100px #0002;position:relative;padding:30px;animation:modal-enter .22s}.modal.wide{width:680px}.modal .modal-close{position:absolute;right:15px;top:15px}.modal .modal-heading{margin-bottom:22px;padding-right:20px}.modal-heading h2{font-size:24px;letter-spacing:-.8px}.modal-heading p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.modal .form-fields{display:flex;flex-direction:column;gap:15px}.modal .form-fields .input{font-size:12px}.modal .form-fields .btn{margin-top:6px}.modal .terms{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;margin-top:3px}.terms input{margin-top:3px;flex-shrink:0}.terms button{color:var(--blue);padding:0;font-size:10px}.form-error{font-size:11px;color:var(--red);min-height:17px}.auth-switch{text-align:center;font-size:11px;color:var(--muted);margin-top:20px}.auth-switch button{color:var(--blue);font-size:11px;padding:0 4px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted);margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.modal .modal-brand{margin-bottom:24px}.picker-search{margin-bottom:16px}.picker-list{display:flex;flex-direction:column;gap:5px;max-height:380px;overflow:auto}.picker-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-align:left;border:1px solid transparent;width:100%}.picker-item:hover{background:var(--surface2)}.picker-item.chosen{background:var(--blue-soft);border-color:#5267c540}.picker-item h3{font-size:12px;letter-spacing:0}.picker-item p{font-size:10px;color:var(--muted);margin-top:2px}.picker-item .picker-end{margin-left:auto;color:var(--muted);font-size:10px}.picker-item .picker-end .icon{color:var(--blue)}.picker-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;font-size:10px;color:var(--muted)}.global-search .search-input .input{font-size:15px;min-height:48px;border:0;background:var(--surface2)}.global-search .search-results{margin-top:20px;max-height:400px;overflow:auto}.search-section-label{font-size:9px;color:var(--muted);letter-spacing:1px;padding:8px}.global-result{display:flex;align-items:center;gap:11px;padding:12px;border-radius:10px;width:100%;text-align:left;font-size:12px}.global-result:hover{background:var(--blue-soft)}.global-result .icon{color:var(--blue);width:17px}.global-result small{margin-left:auto;color:var(--muted);font-size:9px}.global-result .model-logo{width:25px;height:25px;font-size:17px}.key-display{background:var(--surface2);padding:16px;border:1px solid var(--line);border-radius:12px;font-size:11px;display:flex;gap:12px;align-items:center;margin:20px 0}.key-display code{flex:1;overflow-wrap:anywhere;min-width:0}.success-icon{width:54px;height:54px;background:var(--blue-soft);color:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-icon .icon{width:25px;height:25px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-row .select{width:140px}.modal .field{margin:17px 0}.modal .field textarea{min-height:90px;resize:vertical}.mobile-nav-links{display:flex;flex-direction:column;gap:8px;margin-top:20px}.mobile-nav-links a{padding:12px 15px;border:1px solid var(--line);border-radius:12px;font-size:13px}.mobile-nav-links a.active{background:var(--blue-soft);color:var(--blue)}.plan-summary{border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center;background:var(--blue-soft);margin:20px 0}.plan-summary strong{font-size:18px;color:var(--blue);font-family:var(--heading)}.provider-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.provider-detail-stats .panel{background:var(--surface2);border:0;padding:16px}.provider-detail-stats .stat-value{font-size:20px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer-backdrop .modal{height:100%;max-height:100vh;border-radius:24px 0 0 24px;width:450px;animation:slide-in .2s}.body-lock{overflow:hidden}#toast-root{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:150;pointer-events:none;display:flex;flex-direction:column;gap:8px;max-width:90vw}.toast{display:flex;align-items:center;gap:9px;background:var(--text);color:var(--surface);padding:12px 20px;border-radius:30px;box-shadow:0 8px 35px #0002;font-size:12px;animation:toast-in .25s;white-space:normal}.toast .icon{color:var(--surface);height:16px;width:16px}.toast.removing{opacity:0;transform:translateY(5px);transition:.2s}.text-content{font-size:12px;color:var(--sub);line-height:1.9}.text-content p{margin:12px 0}.text-content h3{color:var(--text);font-size:14px;margin-top:20px}.not-found{text-align:center;min-height:500px;padding:100px 20px}.not-found strong{font-family:var(--heading);font-size:90px;color:var(--blue);line-height:1}.not-found h1{font-size:25px;margin:22px 0 10px}.not-found p{color:var(--muted);font-size:12px;margin-bottom:25px}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes modal-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}
@media(min-width:1700px){.app-shell{margin:32px auto}.page{padding:40px 52px 52px}.hero-heading h1{font-size:78px}.hero-showcase{height:360px}.hero-rail.active{flex-basis:300px}}
@media(max-width:1680px){.app-shell{margin:22px 30px}.site-header{padding:0 32px;gap:16px}.nav a{padding:7px 12px}.brand{font-size:17px}.brand small{display:none}}
@media(max-width:1200px){.app-shell{margin:18px}.site-header{padding:0 25px;height:80px}.nav a{padding:6px 10px;font-size:11px}.header-actions{gap:3px}.brand{font-size:16px;gap:6px}.brand .brand-mark{width:25px;height:25px}.header-actions>.btn{padding:7px 13px;font-size:11px}.page{padding:28px}.hero-heading{grid-template-columns:1fr 220px;gap:20px}.hero-heading h1{font-size:55px}.hero-rail.active{flex-basis:200px}.hero-rail{flex-basis:48px}.hero-showcase{height:280px}.hero-rail .rail-content{padding:20px}.rail-content h3{font-size:21px}.rail-content p{width:155px}.home-metrics{grid-template-columns:1fr repeat(3,1fr);gap:10px}.metric-card{padding:18px 14px;gap:10px}.metric-card strong{font-size:19px}.metric-intro h2{font-size:21px}.model-grid{gap:10px}.featured-card{padding:18px}.catalog-layout{grid-template-columns:180px 1fr;gap:24px}.filter-sidebar{padding-right:18px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-input{flex-basis:45%}.model-tags{display:none}.docs-layout{grid-template-columns:175px minmax(0,1fr) 125px;gap:26px}.pricing-grid{gap:10px}.plan-card{padding:23px 17px}.ranking-chart-layout{grid-template-columns:1fr 220px}.chat-scroll{padding:23px 28px}.chat-sidebar{width:200px}.hero-summary .row{gap:18px}.site-footer{padding:25px 28px}.footer-links{gap:13px}.home-bottom{padding:28px;gap:20px}.detail-title h1{font-size:27px}.detail-top>.row{gap:6px}.detail-top>.row .btn{padding:8px 13px}}
@media(max-width:1000px){.header-actions>.btn{display:none}.nav a{padding:6px 9px}.site-header{gap:10px}.hero-heading h1{font-size:47px}.hero-heading h1 .small-symbol{font-size:42px}.hero-heading{grid-template-columns:1fr 195px}.hero-copy p{font-size:11px}.hero-showcase{height:260px}.hero-rail.active{flex-basis:175px}.hero-rail{flex-basis:43px}.rail-content h3{font-size:19px}.rail-content p{font-size:9px;width:130px}.home-metrics{grid-template-columns:repeat(3,1fr)}.home-metrics .metric-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.metric-intro h2{font-size:23px}.metric-intro h2 br{display:none}.model-grid{grid-template-columns:repeat(2,1fr)}.featured-card p{min-height:0}.home-bottom{grid-template-columns:1fr}.home-bottom h2 br{display:none}.home-bottom>.stack{gap:0}.home-bottom .btn{align-self:flex-start}.catalog-layout{grid-template-columns:160px 1fr;gap:21px}.catalog-tabs{flex-wrap:wrap}.catalog-tabs .tabs{gap:2px}.catalog-tabs .tab{padding:6px 10px}.catalog-toolbar .search-input{flex-basis:100%}.detail-top{align-items:flex-start;flex-direction:column;gap:17px}.detail-metrics{gap:9px}.detail-metrics .panel{padding:15px}.detail-metrics .stat-value{font-size:19px}.two-col{grid-template-columns:1fr}.docs-layout{grid-template-columns:160px minmax(0,1fr);gap:26px}.docs-toc{display:none}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:18px}.pricing-bottom{grid-template-columns:1fr}.ranking-chart-layout{grid-template-columns:1fr}.market-panel{display:none}.compare-slot{padding:20px}.compare-slot h3{font-size:13px}.compare-slot .recommended{display:none}.comparison-presets{grid-template-columns:1fr}.calculator-fields{gap:15px}.chat-sidebar{width:180px;padding:20px 12px}.chat-toolbar{padding:0 16px}.chat-composer{padding:12px 20px 16px}.chat-model-chip{font-size:9px}.chat-scroll{padding:20px}.prompt-card{padding:15px}.multi-replies{grid-template-columns:1fr}.footer-links .demo-pill{display:none}}
@media(max-width:760px){.app-shell{margin:10px;border-radius:20px;min-height:calc(100dvh - 20px)}.site-header{padding:0 20px;height:70px;gap:15px}.brand{font-size:17px}.nav{display:flex}.header-actions{margin-left:auto;gap:5px}.header-actions>.btn{display:inline-flex;font-size:10px;min-height:32px;padding:5px 11px}.header-actions>.search-toggle{display:none}.mobile-menu{display:inline-flex}.announcement{padding:7px 36px 7px 18px;justify-content:flex-start;font-size:9px;line-height:1.6;gap:7px}.announcement .close{right:8px;top:4px}.announcement .extra{display:none}.page{padding:25px 20px 32px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-heading{display:block;margin-top:20px}.hero-heading h1{font-size:43px;line-height:1.3;letter-spacing:-2px}.hero-heading h1 .small-symbol{font-size:38px}.hero-copy{display:flex;align-items:center;gap:15px;margin-top:20px;padding-bottom:0!important}.hero-copy .tiny-star{display:none}.hero-copy p{font-size:10px;flex:1}.hero-copy .text-link{font-size:10px;white-space:nowrap}.hero-showcase{height:300px;flex-wrap:wrap;gap:7px;margin-top:22px}.hero-art{flex-basis:100%;height:218px;border-radius:19px}.hero-rail{flex:1!important;height:67px;border-radius:16px;min-width:0}.hero-rail.active{background:var(--blue)}.hero-rail .rail-label{font-size:10px;letter-spacing:0;transform:none;left:17px;top:20px;opacity:1!important}.hero-rail .rail-content{display:none}.hero-rail .art-index{width:19px;height:19px;font-size:8px;bottom:8px;right:8px;background:#ffffffc0}.hero-art .art-labels{top:15px;left:15px;gap:3px;max-width:95%}.hero-art .art-labels span{font-size:8px;padding:2px 7px}.hero-art .art-caption{left:18px;bottom:18px}.art-caption h2{font-size:19px}.art-caption small{font-size:8px}.art-index{width:27px;height:27px;font-size:9px}.hero-summary{padding:13px 0 20px;align-items:flex-start}.hero-summary .row{gap:10px;flex-wrap:wrap}.hero-summary span{font-size:8px}.hero-summary .status{display:none}.home-metrics{margin:23px 0 33px;gap:7px}.home-metrics .metric-intro{gap:15px;margin-bottom:4px}.metric-intro h2{font-size:20px}.metric-intro .btn{font-size:9px;padding:5px 10px;min-height:28px}.metric-card{display:block;text-align:left;padding:13px 11px;border-radius:16px}.metric-card>.icon{width:28px;height:28px;padding:7px;margin-bottom:8px}.metric-card small{font-size:8px;display:block}.metric-card strong{font-size:18px;margin-top:1px;letter-spacing:-.5px}.section-label{margin-bottom:15px;gap:10px}.section-label h2{font-size:21px}.section-label .sub{font-size:10px}.section-label a{font-size:10px;white-space:nowrap}.model-grid{gap:9px}.featured-card{padding:16px 13px;border-radius:15px}.featured-card .featured-top{margin-bottom:15px}.featured-card h3{font-size:12px;letter-spacing:-.5px}.featured-card p{font-size:9px;line-height:1.8;margin:8px 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.featured-card .model-logo{height:31px;width:31px;font-size:22px}.featured-card .badge{font-size:8px;padding:2px 6px}.featured-price{font-size:8px;flex-wrap:wrap}.featured-price strong{font-size:15px}.home-bottom{margin-top:27px;padding:23px 20px;border-radius:18px}.home-bottom h2{font-size:23px;margin:8px 0 15px}.steps{gap:15px}.step h3{font-size:11px}.step p{font-size:9px;line-height:1.8}.step>span{width:26px;height:26px;margin-bottom:12px}.site-footer{padding:22px 20px;flex-direction:column;align-items:flex-start;gap:13px}.footer-brand{font-size:9px;gap:8px;flex-wrap:wrap}.footer-links{font-size:9px;gap:17px;flex-wrap:wrap}.footer-links button{font-size:9px}.footer-links .demo-pill{display:inline-flex;font-size:8px}.page-intro h1{font-size:29px}.page-intro p{font-size:10px;line-height:1.9}.page-intro>.between{align-items:flex-start}.page-intro .title-count{font-size:10px}.page-intro .row{gap:5px;flex-wrap:wrap}.page-intro .row>.btn{padding:6px 11px;font-size:10px;min-height:32px}.catalog-layout{display:block}.filter-sidebar{display:none}.filter-sidebar.mobile-open{display:block;position:fixed;inset:0 auto 0 0;width:255px;padding:30px 23px;background:var(--surface);z-index:80;overflow:auto;box-shadow:20px 0 100px #0004}.catalog-side-toggle{display:inline-flex}.catalog-toolbar{margin:18px 0 12px;gap:6px}.catalog-toolbar .input{font-size:11px;min-height:38px}.catalog-toolbar .search-input{flex-basis:100%}.catalog-toolbar .select{flex:1;font-size:10px;min-height:33px;width:110px;padding:6px 20px 6px 10px}.catalog-toolbar .btn{min-height:33px;font-size:10px;padding:5px 10px}.catalog-toolbar .segmented{padding:2px}.catalog-toolbar .segmented button{padding:4px 8px}.catalog-tabs{margin-bottom:15px;padding-bottom:12px;gap:8px}.catalog-tabs .tabs{gap:3px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px}.catalog-tabs .tab{font-size:10px;padding:5px 10px;flex-shrink:0}.results-info{font-size:9px}.model-card{padding:17px 15px;border-radius:14px}.model-card .model-card-head{gap:9px}.model-card-head h3{font-size:13px}.model-card-head .model-vendor{font-size:9px}.model-card p{font-size:10px;margin:10px 0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-card-head .model-logo{width:32px;height:32px;font-size:22px}.model-card-actions .icon-btn{width:23px;height:26px}.model-card-actions .icon{width:13px;height:13px}.model-meta{font-size:9px;gap:10px}.model-meta .context-meta{display:none}.model-list{gap:9px}.model-card-bottom .text-link{font-size:9px}.model-card-bottom .text-link .icon{width:12px;height:12px}.demo-note{font-size:9px}.breadcrumb{font-size:9px;margin-bottom:20px}.detail-title h1{font-size:24px}.detail-title .model-logo.lg{height:45px;width:45px;font-size:30px;border-radius:13px}.detail-title{gap:12px}.detail-id{font-size:9px}.detail-top>.row{flex-wrap:wrap}.detail-top .btn{font-size:10px;min-height:33px}.detail-description{font-size:11px;margin:18px 0 12px}.detail-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 15px}.detail-metrics .panel{padding:15px}.detail-metrics .stat-value{font-size:21px}.detail-metrics .stat-label{font-size:9px}.detail-tabs{gap:20px;margin-bottom:20px}.detail-tabs button{font-size:11px}.panel{padding:19px;border-radius:15px}.panel-heading{margin-bottom:15px}.panel-heading h3{font-size:13px}.panel-heading small{font-size:9px}.two-col{gap:15px}.capability-list{font-size:10px}.detail-provider-head{align-items:flex-start;flex-direction:column;gap:12px}.detail-provider-head h2{font-size:20px}.detail-provider-head p{font-size:10px}.code-panel pre{font-size:10px;padding:17px}.code-head{padding:9px 10px}.code-head .tab{font-size:9px;padding:3px 7px}.notice{font-size:10px;padding:13px}.compare-slots{gap:7px;margin:22px 0 20px}.compare-slot{padding:15px 10px;min-height:143px;border-radius:14px}.compare-slot .model-logo{height:30px;width:30px;font-size:21px}.compare-slot h3{font-size:10px;letter-spacing:-.2px;margin-top:10px;line-height:1.4;overflow-wrap:anywhere}.compare-slot p{font-size:8px}.compare-slot .replace{font-size:8px;bottom:10px;right:10px}.compare-slot .remove{top:4px;right:3px;width:21px;height:21px}.compare-slot .remove .icon{width:11px;height:11px}.compare-slot.empty .btn{font-size:9px;white-space:normal;padding:8px;flex-direction:column}.compare-table td,.compare-table th{padding:13px 11px;font-size:10px}.compare-table td:first-child{font-size:9px}.compare-table{min-width:550px}.comparison-presets{margin-top:22px;gap:8px}.preset{padding:14px}.preset h3{font-size:11px}.preset p{font-size:9px}.calculator{padding:20px;margin-top:22px}.calculator-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.calculator-fields .cost-result{grid-column:1/-1}.field label,.field-label{font-size:10px}.cost-result strong{font-size:22px}.rank-stats{gap:7px;margin-bottom:18px}.rank-stats .panel{padding:14px 11px;border-radius:13px}.rank-stats .stat-label{font-size:8px}.rank-stats .stat-value{font-size:21px;gap:3px;flex-wrap:wrap}.rank-stats .stat-value small{font-size:8px}.ranking-chart-layout .panel{padding:17px 14px}.table-heading{margin-top:23px;align-items:flex-start;flex-wrap:wrap}.table-heading h2{font-size:21px}.table-heading .search-input{width:100%}.table-heading>.row{width:100%}.table-heading .search-input{flex:1}.rank-table{min-width:640px}.pricing-hero{padding:8px 0 23px}.pricing-hero h1{font-size:35px;margin:12px 0}.pricing-hero p{font-size:10px}.pricing-grid{gap:13px 9px;margin-top:17px}.plan-card{padding:22px 14px 18px;border-radius:15px}.plan-card .plan-title{font-size:13px}.plan-card>p{font-size:9px;margin:8px 0 18px;min-height:32px}.plan-price{font-size:27px;letter-spacing:-1px}.plan-price small{font-size:8px}.plan-card .price-note{font-size:8px;line-height:1.7;min-height:27px;margin:6px 0 14px}.plan-card .btn{font-size:9px;padding:7px 9px;min-height:33px;margin-bottom:17px}.plan-features{font-size:9px;gap:9px;padding-top:16px}.plan-features .icon{width:11px;height:11px}.plan-card .plan-popular{font-size:8px;padding:3px 9px;left:14px}.pricing-bottom{gap:20px}.docs-layout{display:block}.docs-sidebar{display:none}.doc-mobile-select{display:block;width:100%;margin-bottom:23px;font-size:11px}.docs-content h1{font-size:29px}.docs-content .doc-body h2{font-size:19px}.docs-content .doc-body p{font-size:11px}.docs-subtitle{font-size:11px;margin-bottom:22px}.docs-content .doc-body ul,.docs-content .doc-body ol{font-size:11px}.doc-feedback{font-size:10px}.doc-pagination a{padding:13px;font-size:10px}.page-chat{height:calc(100dvh - 146px);min-height:610px;padding:0}.chat-sidebar{display:none}.chat-sidebar.mobile-open{display:flex;position:fixed;top:0;bottom:0;left:0;z-index:85;width:245px;background:var(--surface);box-shadow:0 0 100px #0004}.chat-toggle{display:inline-flex!important}.chat-toolbar{height:58px;padding:0 11px;gap:7px}.chat-toolbar>.row{gap:0}.chat-toolbar .segmented{display:none}.chat-models{gap:5px}.chat-model-chip{font-size:9px;padding:4px 7px 4px 4px}.chat-model-chip .model-logo{width:20px;height:20px;font-size:15px}.chat-models>.btn{font-size:9px;padding:5px 9px;min-height:28px}.chat-toolbar .icon-btn{width:28px}.chat-scroll{padding:20px 17px}.chat-welcome{padding:20px 0;max-width:100%}.welcome-symbol{width:50px;height:50px;font-size:32px;margin-bottom:18px;border-radius:17px}.chat-welcome h1{font-size:26px}.chat-welcome>p{font-size:10px;max-width:250px;margin:10px auto 0;line-height:1.9}.prompt-grid{gap:8px;margin-top:24px}.prompt-card{padding:15px 12px;border-radius:13px}.prompt-card h3{font-size:11px}.prompt-card p{font-size:9px}.prompt-card .icon{margin-bottom:8px;height:16px;width:16px}.chat-composer{padding:10px 13px 13px}.composer-box{border-radius:16px;padding:10px 12px}.composer-box textarea{font-size:11px;min-height:43px}.chat-disclaimer{font-size:8px;margin-top:8px}.message{margin-bottom:20px}.message-user .message-content{font-size:11px;padding:11px 14px}.assistant-text{font-size:11px}.assistant-head{font-size:10px}.assistant-head small{font-size:8px}.multi-replies{gap:12px}.multi-replies .message{padding:15px}.modal-backdrop{padding:16px}.modal{padding:26px 23px;border-radius:20px;max-height:90dvh}.modal-heading h2{font-size:22px}.picker-list{max-height:45vh}.picker-item{padding:10px 7px;gap:9px}.picker-item h3{font-size:11px}.picker-item p{font-size:9px}.picker-item .picker-end{font-size:9px}.picker-item .model-logo{width:32px;height:32px;font-size:23px}.picker-footer{gap:14px}.picker-footer>.btn{font-size:10px;padding:8px 14px}.drawer-backdrop{padding:0}.drawer-backdrop .modal{border-radius:20px 0 0 20px;width:90%;max-height:100dvh}.hero-summary .demo-pill{display:none}.btn{font-size:11px}.modal .form-fields .input{font-size:12px}.global-search .search-input .input{font-size:13px}.global-result{font-size:11px}.code-head>.btn{font-size:9px}.model-card-head h3 .badge{display:none}}
.page,.detail-content{animation:none}.chat-sidebar.collapsed{display:none}.chat-toggle.show-toggle{display:inline-flex!important}
.side-backdrop{position:fixed;inset:0;z-index:79;background:#15213960;backdrop-filter:blur(2px)}.drawer-open{overflow:hidden}
.model-card p{font-size:12px}.model-meta{font-size:11px}.filter-option{font-size:12px}.filter-group>button{font-size:12px}
@media(max-width:760px){.model-card p{font-size:11px}.model-meta{font-size:10px}.plan-features{font-size:10px}.plan-card>p{font-size:10px}.featured-card p{font-size:10px;min-height:36px}.chat-welcome>p{font-size:11px}.chat-disclaimer{font-size:9px}.prompt-card p{font-size:10px}.filter-sidebar .filter-option{font-size:12px}.field label{font-size:11px}.hero-summary span{font-size:9px}.compare-slot p{font-size:9px}}
@media(max-width:760px){.chat-sidebar.collapsed.mobile-open{display:flex}.chat-toolbar>.row:first-child{flex:1;overflow:hidden}.chat-toolbar>.row:last-child{flex-shrink:0}}
/* Keep the compact cards balanced, then reveal content after expansion begins. */
.hero-rail{transition:flex-basis .48s cubic-bezier(.22,.68,.24,1),background-color .24s ease}
.hero-rail>.art-index{left:50%;right:auto;transform:translateX(-50%);transition:left .48s cubic-bezier(.22,.68,.24,1)}
.hero-rail.active>.art-index{left:calc(100% - 34px)}
.hero-rail .rail-content{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .12s ease,transform .18s ease,visibility 0s linear .12s}
.hero-rail.active .rail-content{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .24s ease .15s,transform .32s ease .15s,visibility 0s}
.hero-rail .rail-label{transition:opacity .15s ease .16s}
.hero-rail.active .rail-label{transition-delay:0s}
/* Keep navigation in its own opaque region while the document scrolls. */
:root{--site-header-height:91px}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
.app-shell>.site-header{position:sticky;top:0;z-index:50;background:var(--surface);box-shadow:0 6px 20px #142b4e0a}
.docs-toc{top:calc(var(--site-header-height) + 20px)}
/* Narrow desktop windows get a dedicated navigation row rather than hiding it. */
@media(max-width:1100px){
 :root{--site-header-height:125px}
 .app-shell>.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 25px;column-gap:16px;row-gap:13px}
 .site-header>.brand{order:0}
 .site-header>.header-actions{order:1;margin-left:auto}
 .site-header>.nav{display:flex;order:2;flex:1 0 100%;width:100%;max-width:100%;margin:0;padding:5px;overflow-x:auto;scrollbar-width:none;gap:3px}
 .site-header>.nav::-webkit-scrollbar{display:none}
 .site-header>.nav a{flex:1;text-align:center;padding:7px 10px;font-size:11px}
 .site-header .mobile-menu{display:none}
 .page-chat{height:calc(100dvh - 223px)}
}
@media(max-width:760px){
 :root{--site-header-height:112px}
 .app-shell>.site-header{min-height:70px;padding:14px 18px 12px;row-gap:12px}
 .site-header>.nav{border-radius:13px;padding:4px}
 .site-header>.nav a{flex:0 0 auto;font-size:11px;padding:6px 11px}
 .site-header .mobile-menu{display:inline-flex}
 .hero-rail>.art-index,.hero-rail.active>.art-index{left:50%;right:auto}
 .page-chat{height:calc(100dvh - 192px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}