body.models-page{background:#f1f2f1}.models-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:75px 0}.models-hero h1{font:400 58px/.98 'DM Serif Display';letter-spacing:-.045em}.models-hero h1 em{font-style:normal;color:#2463d4}.models-hero p{max-width:520px;color:#697381;font-size:12px;line-height:1.75}.models-actions{display:flex;align-items:center;gap:18px;margin-top:25px}.models-actions .primary{display:grid;place-items:center;text-decoration:none}.models-actions>a:last-child{font-size:9px;color:#2463d4;font-weight:800;text-decoration:none}.provider-map{position:relative;height:420px;border:7px solid #fff;border-radius:26px;background:linear-gradient(145deg,#dcebf0,#edf0e8);box-shadow:0 25px 70px #273d5017;overflow:hidden}.provider-map:before,.provider-map:after{content:'';position:absolute;left:50%;top:50%;border:1px dashed #8ca4aa60;border-radius:50%;transform:translate(-50%,-50%)}.provider-map:before{width:330px;height:250px}.provider-map:after{width:490px;height:360px}.map-core{position:absolute;z-index:2;left:50%;top:50%;width:135px;height:135px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#121719;color:#fff}.map-core img{width:38px;height:38px;border-radius:10px}.map-core b{font-size:11px;margin-top:7px}.map-core small{font-size:6px;color:#929da2}.provider-map article{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;min-width:130px;padding:10px;border:1px solid #fff;border-radius:12px;background:#ffffffd9;box-shadow:0 12px 30px #273d5015;animation:modelDrift 4s ease-in-out infinite}.provider-map article i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px}.provider-map article img{width:17px;height:17px}.provider-map article span{display:flex;flex-direction:column}.provider-map article b{font-size:9px}.provider-map article small{font-size:6px;color:#7c878d}.map-claude{left:28px;top:58px}.map-claude i{background:#d47a5c}.map-claude img,.map-openai img{filter:invert(1)}.map-openai{right:25px;top:70px;animation-delay:-1.3s!important}.map-openai i{background:#17191d}.map-grok{right:38px;bottom:55px;animation-delay:-2.5s!important}.map-grok i{background:#f0f1ef}@keyframes modelDrift{50%{transform:translateY(-7px)}}.model-summary{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #d9dddc}.model-summary>div{padding:24px;border-right:1px solid #d9dddc}.model-summary>div:last-child{border:0}.model-summary small{display:block;font-size:7px;letter-spacing:.13em;color:#89918f}.model-summary b{display:block;font-size:13px;margin-top:6px}.model-summary .status{color:#277252}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22ad70;margin-right:5px}.directory{padding:75px 0}.provider-showcase{margin-bottom:22px;border:1px solid #dcdedd;border-radius:18px;background:#fff;overflow:hidden}.provider-showcase>header{width:100%;height:auto;padding:24px;display:flex;border:0;border-bottom:1px solid #e4e6e5}.provider-identity{display:flex;align-items:center;gap:14px}.provider-identity>i{width:54px;height:54px;display:grid;place-items:center;border-radius:13px}.provider-identity img{width:25px;height:25px}.claude-showcase .provider-identity>i{background:#d47a5c}.claude-showcase .provider-identity img,.codex-showcase .provider-identity img{filter:invert(1)}.grok-showcase .provider-identity>i{background:#eef0ef}.codex-showcase .provider-identity>i{background:#17191d}.provider-identity span{font-size:7px;letter-spacing:.13em;color:#818b89;font-weight:800}.provider-identity h2{font-size:25px;margin:2px 0}.provider-identity p{font-size:8px;color:#77817f;margin:0}.endpoint{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.endpoint small{font-size:6px;letter-spacing:.12em;color:#929a98}.endpoint button{height:34px;margin-top:6px;padding:0 10px;border:1px solid #dfe2e1;border-radius:7px;background:#f8f9f8;font:7px DM Mono}.endpoint button b{margin-left:8px;color:#2463d4}.family-block{padding:26px 24px;border-bottom:1px solid #e8eae9}.family-block:last-child{border:0}.family-title{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:start;margin-bottom:18px}.family-title>span{font:8px DM Mono;color:#2463d4}.family-title h3{font-size:16px;margin:0}.family-title p{font-size:8px;color:#7a8482;margin:4px 0}.family-title>b{font-size:7px;color:#8b9492}.model-chips,.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-chips button,.capability-grid button{min-width:0;min-height:73px;padding:12px;text-align:left;border:1px solid #e1e4e3;border-radius:9px;background:#fafbfa;cursor:pointer}.model-chips button:hover,.capability-grid button:hover{border-color:#9fb4d8;background:#f4f7fc}.model-chips button>b,.capability-grid button>b{display:block;overflow-wrap:anywhere;font:500 8px/1.45 DM Mono}.model-chips button>small,.capability-grid button>small{display:block;font-size:7px;color:#818a88;margin-top:6px}.model-chips .featured,.capability-grid .featured{background:#15191c;color:#fff;border-color:#15191c}.featured>span{display:block;font-size:6px;letter-spacing:.13em;color:#7facff;margin-bottom:8px}.featured small{color:#9ca6aa!important}.capability-grid{padding:24px}.compatibility{display:grid;grid-template-columns:1fr 1.1fr auto;gap:35px;align-items:center;padding:30px;border-radius:17px;background:#17202d;color:#fff}.compatibility span{font-size:7px;letter-spacing:.13em;color:#7ea6ec}.compatibility h2{font-size:20px;margin:7px 0}.compatibility p{font-size:8px;line-height:1.7;color:#9faab9}.compatibility a{color:#fff;font-size:8px;font-weight:800;text-decoration:none}#copyToast{position:fixed;right:18px;bottom:18px;padding:10px 13px;border-radius:8px;background:#17191c;color:#fff;font-size:8px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}#copyToast.show{opacity:1;transform:none}
@media(max-width:760px){.models-hero{grid-template-columns:1fr;padding:48px 0;gap:30px}.models-hero h1{font-size:43px}.provider-map{height:330px}.map-core{width:110px;height:110px}.provider-map:before{width:230px;height:180px}.provider-map:after{width:340px;height:270px}.provider-map article{min-width:100px;padding:7px}.map-claude{left:7px;top:48px}.map-openai{right:7px;top:54px}.map-grok{right:15px;bottom:42px}.model-summary{grid-template-columns:1fr 1fr}.model-summary>div{padding:17px 10px}.provider-showcase>header{align-items:flex-start;flex-direction:column;gap:16px}.endpoint{align-items:flex-start;margin:0}.family-title{grid-template-columns:25px 1fr}.family-title>b{display:none}.model-chips,.capability-grid{grid-template-columns:1fr}.family-block,.capability-grid{padding:17px 14px}.compatibility{grid-template-columns:1fr;gap:10px}.models-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.provider-map article{animation:none}}