.model-api{background:#faf9fc;border-block:1px solid #e7e4ee}
.api-topline{display:flex;justify-content:space-between;gap:20px;color:#797383;font-size:12px;margin-bottom:48px}
.api-intro{text-align:center;max-width:820px;margin:0 auto 54px}
.api-intro h2{font-size:clamp(38px,4.2vw,66px);line-height:1.2;letter-spacing:-.05em;font-weight:500}
.api-intro h2 span{display:block;color:#7347df;margin-top:9px}
.api-intro>p{max-width:650px;margin:25px auto 0;font-size:16px;line-height:1.9;color:#686371}
.api-intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.api-primary{background:#7544e8;color:#fff;border-color:#7544e8}
.api-primary:hover{background:#6334d0}
.api-secondary{border-color:#ddd8e7;background:#fff;color:#302a3a}
.model-directory{scroll-margin-top:110px}
.model-directory-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.model-directory-head h3{font-size:27px;letter-spacing:-.03em}
.model-directory-head p{font-size:12px;color:#77717e;margin-top:9px}
.model-search{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:46px;background:#fff;border:1px solid #e0dce8;border-radius:9px;width:285px}
.model-search svg{width:18px;height:18px;color:#888091;flex-shrink:0}
.model-search input{min-width:0;width:100%;border:0;background:transparent;outline:none;color:#302a3a;font-size:13px}
.model-search:focus-within{outline:2px solid #9874ec;outline-offset:2px}
.model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;border-bottom:1px solid #e4e0eb}
.model-filters{display:flex;gap:26px;flex-wrap:wrap}
.model-filter{padding:14px 0;background:none;min-height:48px;font-size:13px;color:#706977;border-bottom:2px solid transparent}
.model-filter[aria-pressed=true]{color:#6d3cdb;border-bottom-color:#7544e8}
.model-filter span{margin-left:7px;font-size:10px;background:#eeebf4;padding:3px 6px;border-radius:5px}
.model-result-count{font-size:11px;color:#817989;white-space:nowrap}
.model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.model-card{padding:24px;background:#fff;border:1px solid #e4dfec;border-radius:12px;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.model-card:hover{border-color:#bca7e6;box-shadow:0 5px 20px #6941a50a}
.model-card-provider{font-size:11px;color:#787080;display:flex;align-items:center;gap:9px;margin-bottom:20px}
.model-provider-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e5dfed;border-radius:7px;color:#674099;font-size:12px;background:#f8f6fc;font-weight:500}
.model-card h4{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0 0 13px;overflow-wrap:anywhere}
.model-card-description{font-size:13px;line-height:1.85;color:#716978;margin-bottom:23px;flex:1}
.model-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0edf4;padding-top:13px}
.model-card-modality{font-size:10px;color:#756883;background:#f6f3fa;border-radius:5px;padding:5px 8px}
.model-empty{padding:45px 20px;text-align:center;color:#756b80;font-size:14px;border:1px dashed #d6cfdf;border-radius:10px}
.model-directory-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:11px;color:#7a7184;line-height:1.8}
.model-directory-foot .text-link{font-size:12px;color:#6f3bd9;white-space:nowrap;min-height:44px}
.api-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:31px;margin-top:47px;border-top:1px solid #e4e0eb}
.api-feature-index{font-size:10px;letter-spacing:.08em;color:#8b7a9d}
.api-features h3{font-size:19px;margin:13px 0 10px;letter-spacing:-.02em}
.api-features p{font-size:13px;line-height:1.85;color:#756c7f;max-width:330px}
.api-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.model-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.model-filters{gap:18px}}
@media(max-width:760px){.api-topline{margin-bottom:32px;font-size:10px}.api-topline .eyebrow{font-size:10px}.api-intro{margin-bottom:40px}.api-intro h2{font-size:36px}.api-intro>p{font-size:14px;margin-top:20px}.api-intro-actions .button{font-size:12px;padding-inline:17px;gap:13px}.model-directory-head{display:block}.model-directory-head h3{font-size:25px}.model-search{width:100%;margin-top:21px}.model-toolbar{align-items:start;gap:8px;flex-direction:column;padding-bottom:9px}.model-filters{gap:17px;flex-wrap:nowrap;width:100%;justify-content:space-between}.model-filter{font-size:12px;padding-block:13px}.model-filter span{margin-left:4px;padding:2px 4px}.model-cards{grid-template-columns:1fr;gap:12px}.model-card{padding:22px}.model-card h4{font-size:21px}.model-directory-foot{display:block}.model-directory-foot .text-link{margin-top:8px}.api-features{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:26px}.api-features article+article{border-top:1px solid #e4e0eb;padding-top:23px}.api-features p{max-width:none}}
