@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D,U+25CC}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#101828;--muted:#667085;--purple:#6657e8;--line:#e8eaf1;--soft:#f7f8fc;--green:#079455}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-feature-settings:'ss01'}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-header{height:76px;max-width:1240px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,234,241,.9)}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;white-space:nowrap}.brand img{display:block;width:108px;height:auto;object-fit:contain}.brand em{font-style:normal;font-size:11px;font-weight:700;color:#6657e8;background:#f0efff;border-radius:20px;padding:5px 9px}
nav{display:flex;height:100%;gap:36px;align-items:center;color:#475467;font-size:13px;font-weight:700}nav a{height:100%;display:flex;align-items:center;position:relative}nav a.active{color:#5848da}nav a.active:after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:2px;background:#6657e8}
.api-link{border:1px solid #d7d9e3;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;transition:.2s}.api-link:hover{border-color:#6657e8;color:#5848da}
.hero{min-height:440px;padding:88px 24px 50px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#f3f1ff 0,rgba(248,247,255,.5) 39%,#fff 70%)}.hero>*:not(.hero-glow){position:relative;z-index:2}.hero-glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.5}.glow-one{width:170px;height:170px;right:7%;top:65px;background:radial-gradient(circle,#dcd7ff,transparent 70%)}.glow-two{width:230px;height:230px;left:4%;top:120px;background:radial-gradient(circle,#d9f7ef,transparent 70%)}
.eyebrow,.kicker{color:#5e50d8;font-size:12px;font-weight:800;letter-spacing:.02em}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dedaff;background:rgba(255,255,255,.8);border-radius:999px;padding:8px 13px}.live-dot,.pulse{width:7px;height:7px;background:#12b76a;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #d9fbe9}
.hero h1{margin:23px 0 18px;font-size:50px;line-height:1.45;letter-spacing:-2px;font-weight:950}.hero h1 span{color:#6657e8}.hero>p{margin:0 auto;max-width:680px;color:#667085;font-size:16px;line-height:2}.source-strip{margin:38px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:#98a2b3;font-size:11px}.source-strip a{color:#475467;font-size:12px;font-family:Arial,sans-serif;font-weight:700}.source-strip a:hover{color:#6657e8}.source-strip i{width:3px;height:3px;border-radius:50%;background:#cfd3dc}
.stats{max-width:1120px;margin:-30px auto 80px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3;box-shadow:0 15px 45px rgba(29,41,57,.07)}.stats article{min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;position:relative}.stats article:not(:last-child):after{content:'';position:absolute;left:0;width:1px;height:38px;background:var(--line)}.stats strong{font-size:22px;display:flex;align-items:center;gap:10px}.stats article>span{color:#7c8493;font-size:11px}
.ranking-section{max-width:1240px;margin:0 auto;padding:0 24px 92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.method h2{margin:7px 0 9px;font-size:28px;letter-spacing:-.5px}.section-heading p,.method p{margin:0;color:#7a8494;line-height:1.9;font-size:12px}.updated{display:flex;align-items:center;gap:9px;background:#fafafa;border:1px solid #eeeef2;padding:9px 12px;border-radius:10px;color:#98a2b3;font-size:10px}.updated>span{font-size:17px}.updated div{display:flex;flex-direction:column;gap:2px}.updated strong{font-size:11px;color:#475467}
.source-status{min-height:30px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:13px}.source-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#f5f6f8;color:#7c8493;font:700 9px Arial,sans-serif}.source-pill i{width:5px;height:5px;border-radius:50%;background:#98a2b3}.source-pill.ok{background:#ecfdf3;color:#087a4c}.source-pill.ok i{background:#12b76a}.source-pill.waiting{background:#fff8e7;color:#996b16}.source-pill.waiting i{background:#f5a524}
.provider-picker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:16px 18px;border:1px solid #e5e7ef;border-radius:14px;background:linear-gradient(110deg,#fbfaff,#fff)}.provider-picker>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:185px}.provider-picker>div:first-child strong{font-size:12px;color:#344054}.provider-picker>div:first-child span{font-size:9px;color:#8a93a3}.provider-toggles{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:8px;flex:1}.provider-toggle{border:1px solid #e1e4eb;background:#fff;color:#667085;border-radius:10px;min-height:48px;padding:7px 10px;display:grid;grid-template-columns:7px 1fr 18px;gap:8px;align-items:center;text-align:left;direction:ltr;transition:.18s}.provider-toggle>i{width:7px;height:7px;border-radius:50%;background:#b2b8c3}.provider-toggle>span{display:flex;flex-direction:column;gap:2px;font:700 10px Arial,sans-serif}.provider-toggle small{color:#98a2b3;font:400 8px Vazirmatn,Tahoma,sans-serif;direction:rtl;text-align:left}.provider-toggle>b{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#f1f2f5;color:transparent;font-size:10px}.provider-toggle.active{border-color:#b9b2ff;background:#f8f7ff;color:#5546d5;box-shadow:0 3px 10px rgba(85,70,213,.08)}.provider-toggle.active>i{background:#6657e8;box-shadow:0 0 0 3px #e5e2ff}.provider-toggle.active>b{background:#6657e8;color:#fff}.provider-toggle:focus-visible{outline:3px solid #dcd8ff;outline-offset:2px}
.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.tabs{display:flex;gap:5px;background:#f5f6f9;padding:4px;border-radius:11px}.tabs button{border:0;background:transparent;color:#667085;padding:9px 15px;border-radius:8px;font-size:11px;font-weight:700}.tabs button.active{background:#fff;color:#5546d5;box-shadow:0 2px 8px rgba(16,24,40,.08)}.controls{display:flex;align-items:center;gap:8px}.search{height:38px;width:210px;border:1px solid #e2e4eb;border-radius:9px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#98a2b3}.search input{border:0;outline:0;width:100%;background:transparent;font-size:11px}.filter{height:38px;padding:0 13px;border:1px solid #e2e4eb;border-radius:9px;background:#fff;color:#667085;font-size:10px}.filter.active{color:#087a4c;border-color:#a6e4c8;background:#ecfdf3}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px rgba(16,24,40,.035)}table{width:100%;min-width:1100px;border-collapse:collapse;text-align:right}th{height:46px;background:#fafbfc;color:#8a93a3;font-size:9px;font-weight:700;padding:0 13px;white-space:nowrap}td{height:82px;padding:0 13px;border-top:1px solid #f0f1f4;font-size:11px;vertical-align:middle}tbody tr{transition:.18s}tbody tr:hover{background:#fbfbff}
.rank{width:29px;height:29px;border-radius:8px;background:#f1f3f6;display:grid;place-items:center;font-weight:900;font-size:12px}.rank-1{color:#9d6900;background:#fff5d9;border:1px solid #f9e4a6}.rank-2{color:#5b6472;background:#f2f4f7;border:1px solid #d8dde5}.rank-3{color:#965c2c;background:#fff0e5;border:1px solid #f3d1b8}
.model{display:flex;align-items:center;gap:10px;min-width:170px;direction:ltr;justify-content:flex-end;text-align:left}.model-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:bold 14px Arial;background:#f2f4f7;color:#475467}.icon-anthropic{background:#f5eee8;color:#9a5b34}.icon-openai{background:#e9f7f3;color:#087c69}.icon-google{background:#edf3ff;color:#3572d4}.icon-deepseek{background:#edf4ff;color:#3d69cd}.icon-alibaba{background:#fff3e9;color:#ef7622}.model div{display:flex;flex-direction:column;gap:4px}.model strong{font-size:11px;color:#1d2939}.model small{color:#98a2b3;font-size:8px}
.score-ring{--score:0deg;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6958e8 var(--score),#ebe9fd 0);position:relative}.score-ring:after{content:'';position:absolute;inset:4px;background:white;border-radius:50%}.score-ring span{position:relative;z-index:1;font-weight:900;font-size:11px;color:#5848da}.no-score{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4f5f7;color:#98a2b3;font-weight:800}
.metric{color:#344054}.speed{display:flex;align-items:center;gap:7px}.speed>span{width:39px;height:4px;background:#edf0f3;border-radius:4px;overflow:hidden}.speed i{height:100%;display:block;border-radius:4px;background:#18a975}.price{color:#344054}.available{display:inline-flex;align-items:center;gap:5px;color:#087a4c;background:#ecfdf3;border:1px solid #abefc6;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;white-space:nowrap}.soon{color:#98a2b3;background:#f5f6f8;padding:6px 10px;border-radius:7px;font-size:9px;white-space:nowrap}.compare{width:26px;height:26px;border:1px solid #dfe2e9;border-radius:7px;background:#fff;color:#667085}.compare.selected{background:#6657e8;color:#fff;border-color:#6657e8}
.empty{padding:55px 25px;text-align:center;color:#98a2b3}.empty-icon{width:42px;height:42px;border-radius:12px;background:#f1efff;color:#6657e8;display:grid;place-items:center;margin:0 auto 14px;font-size:22px}.empty strong{display:block;color:#344054;font-size:13px}.empty p{max-width:450px;margin:8px auto 0;font-size:11px;line-height:1.9}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 3px;color:#98a2b3;font-size:10px}.table-footer p{margin:0}.table-footer p span{color:#6657e8}.table-footer button{border:0;background:transparent;color:#5949d9;font-weight:800;font-size:10px}.table-footer button span{font-size:14px;margin-right:5px}
.method{max-width:1120px;margin:0 auto 90px;padding:42px 50px;border:1px solid #e4e1ff;border-radius:20px;background:linear-gradient(120deg,#fbfaff,#fff);display:grid;grid-template-columns:.9fr 1.2fr;gap:75px;align-items:center}.method p{max-width:430px;margin-bottom:17px}.weights{display:flex;flex-direction:column;gap:13px}.weight{display:grid;grid-template-columns:130px 1fr 35px;gap:11px;align-items:center;font-size:10px;color:#667085}.weight>div{height:6px;background:#ebecef;border-radius:10px;overflow:hidden}.weight i{display:block;height:100%;border-radius:10px}.weight b{text-align:left;color:#344054}
footer{border-top:1px solid var(--line);min-height:100px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:20px;color:#98a2b3;font-size:10px}footer p{flex:1}.compare-bar{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 30px));background:#161b2b;color:#fff;border-radius:14px;padding:13px 15px 13px 18px;display:flex;align-items:center;gap:15px;box-shadow:0 18px 55px rgba(16,24,40,.28)}.compare-bar div{flex:1;display:flex;flex-direction:column;gap:3px}.compare-bar strong{font-size:11px}.compare-bar div span{color:#aeb5c4;font-size:9px}.compare-bar>button:not(.close){background:#796aff;border:0;color:#fff;border-radius:9px;padding:10px 15px;font-size:10px;font-weight:800}.compare-bar>button:disabled{opacity:.45}.compare-bar .close{background:transparent;color:#98a2b3;border:0;font-size:20px}
[hidden]{display:none!important}
@media(max-width:900px){nav{display:none}.hero{padding-top:65px}.hero h1{font-size:38px}.stats{margin-left:18px;margin-right:18px}.toolbar,.section-heading,.provider-picker{align-items:stretch;flex-direction:column}.provider-toggles{width:100%}.controls{justify-content:space-between}.search{flex:1}.method{margin-left:18px;margin-right:18px;grid-template-columns:1fr;gap:35px}.tabs{overflow:auto}.stats article:not(:last-child):after{display:none}}
@media(max-width:620px){.site-header{height:66px}.api-link{padding:8px 10px}.brand em{display:none}.brand img{width:92px}.hero{min-height:390px;padding-top:55px}.hero h1{font-size:30px;letter-spacing:-1px}.hero>p{font-size:13px}.source-strip{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr;margin-bottom:58px}.stats article{min-height:86px;border-bottom:1px solid #f1f2f4}.ranking-section{padding-left:14px;padding-right:14px}.section-heading h2,.method h2{font-size:23px}.provider-toggles{grid-template-columns:1fr}.controls{flex-direction:column}.search,.filter{width:100%}.method{padding:30px 22px}.weight{grid-template-columns:105px 1fr 30px}.table-footer{align-items:flex-start;gap:12px;flex-direction:column}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer p{flex-basis:100%;order:3}.compare-bar div span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}