@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#f7f8fa;--surface:#fff;--raised:#f1f3f6;--text:#111827;--muted:#667085;--line:#e3e7ed;--brand:#2857e8;--brand2:#173aa8;--green:#0b7a53;--shadow:0 12px 35px rgba(16,24,40,.07);color-scheme:light}
[data-theme=dark]{--bg:#0c1017;--surface:#131923;--raised:#1a2230;--text:#f3f5f8;--muted:#9aa6b6;--line:#273140;--brand:#7697ff;--brand2:#a9bbff;--green:#58d0a6;--shadow:0 12px 35px rgba(0,0,0,.25);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:720px}.skip{position:fixed;left:16px;top:-80px;z-index:99;background:var(--text);color:var(--bg);padding:10px 14px}.skip:focus{top:10px}
.site-header{height:68px;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:26px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;font:800 17px Manrope}.brand svg{width:27px;height:27px;color:var(--brand);stroke-width:3}.site-header nav{display:flex;align-items:center;gap:22px;flex:1}.site-header nav a{font-size:13px;font-weight:600;color:var(--muted)}.site-header nav a:hover{color:var(--text)}.icon-button,.menu{border:0;background:transparent;width:38px;height:38px;padding:8px;cursor:pointer}.icon-button svg,.menu svg{width:21px}.menu{display:none}
.hero{padding:88px 0 72px;text-align:center}.eyebrow,.kicker{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;background:#20b486;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(32,180,134,.12)}h1,h2{font-family:Manrope,sans-serif;line-height:1.15;letter-spacing:-.035em}.hero h1{font-size:clamp(44px,7vw,75px);margin:20px 0 18px}.hero h1 span{color:var(--muted)}.hero>p{max-width:650px;margin:0 auto 30px;color:var(--muted);font-size:18px}.hero-search{height:58px;max-width:650px;margin:0 auto;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:0 17px}.hero-search:focus-within{outline:3px solid color-mix(in srgb,var(--brand) 20%,transparent);border-color:var(--brand)}.hero-search svg{width:22px;color:var(--muted)}.hero-search input{border:0;outline:0;background:transparent;flex:1;font-size:16px}.hero-search kbd{background:var(--raised);border:1px solid var(--line);padding:1px 7px;border-radius:4px;color:var(--muted)}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:13px;cursor:pointer}.button:hover{border-color:var(--brand);color:var(--brand)}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover{background:var(--brand2)}
.statbar{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto}.statbar div{padding:25px;text-align:center;border-right:1px solid var(--line)}.statbar div:last-child{border:0}.statbar strong{display:block;font:800 24px Manrope}.statbar span{color:var(--muted);font-size:12px}.section{padding-top:72px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2,.panel h2{font-size:22px;margin:5px 0 0}.section-head>a{font-weight:700;color:var(--brand)}
.table-shell{background:var(--surface);border:1px solid var(--line);overflow-x:auto;box-shadow:0 5px 20px rgba(16,24,40,.025)}table{width:100%;border-collapse:collapse}caption{position:absolute;width:1px;height:1px;overflow:hidden}th{background:var(--raised);color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 16px;white-space:nowrap}td{padding:14px 16px;border-top:1px solid var(--line);white-space:nowrap}tbody tr:hover{background:color-mix(in srgb,var(--raised) 55%,transparent)}td small,.model-link+small{display:block;color:var(--muted);font-size:11px}.model-link{font-weight:700}.provider{display:flex;align-items:center;gap:8px}.provider img{width:20px;height:20px;object-fit:contain}.status{display:inline-flex;padding:3px 8px;background:color-mix(in srgb,var(--green) 11%,transparent);color:var(--green);font-size:11px;font-weight:700;border:1px solid color-mix(in srgb,var(--green) 20%,transparent)}
[data-theme=dark] .provider img,[data-theme=dark] .provider-grid img,[data-theme=dark] .provider-mark img,[data-theme=dark] .provider-card>img{filter:brightness(0) invert(1)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--line);padding:25px}.rank-list{margin-top:14px}.rank-list a{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.rank-list b{color:var(--muted);width:20px}.rank-list span{flex:1;font-weight:700}.rank-list small,.provider-grid small{display:block;color:var(--muted);font-weight:400}.provider-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.provider-grid a{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);margin:-1px 0 0 -1px;font-weight:700}.provider-grid img{width:29px;height:29px;object-fit:contain}
.page-intro{padding:65px 0 28px}.page-intro h1{font-size:42px;margin:10px 0}.page-intro p{font-size:16px;color:var(--muted);max-width:720px}.filters{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.2fr auto;gap:10px;background:var(--surface);padding:14px;border:1px solid var(--line);margin-bottom:14px}.filters input,.filters select,.compare-picker select,.preset-bar input,.stack input,.stack textarea,.sticky input{width:100%;background:var(--bg);border:1px solid var(--line);padding:10px;outline:0}.filters input:focus,.filters select:focus,input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 15%,transparent)}.compare-add{border:1px solid var(--line);background:var(--surface);font-size:20px;line-height:25px;width:30px;height:30px;cursor:pointer}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0;color:var(--muted)}
.model-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;padding:55px 0 30px;align-items:start}.provider-mark{width:70px;height:70px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.provider-mark img{width:40px;height:40px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:7px}.model-hero h1{font-size:38px;margin:0}.model-hero .model-slug{display:inline-block;font-size:12px;background:var(--raised);border:1px solid var(--line);padding:2px 8px;border-radius:4px;cursor:pointer;margin:2px 0 6px}.model-hero .model-slug:hover{border-color:var(--brand);color:var(--brand)}.model-hero .model-slug.copied{background:color-mix(in srgb,var(--green) 15%,transparent);border-color:var(--green);color:var(--green)}.model-hero p{color:var(--muted);max-width:750px;margin:0}.badges{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.badges>span:not(.status){border:1px solid var(--line);padding:3px 8px;font-size:11px}.model-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface)}.metric-grid div{padding:20px;border-right:1px solid var(--line)}.metric-grid div:last-child{border:0}.metric-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.metric-grid strong{font:800 22px Manrope}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;padding-top:20px}.detail-layout>div,.detail-layout aside{display:flex;flex-direction:column;gap:20px}.specs{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 0}.specs div{padding:14px 0;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:12px}dd{margin:4px 0 0;font-weight:600}.data-block{background:#0d1420;color:#cfdbeb;padding:18px;overflow:auto;font:12px/1.6 ui-monospace,monospace;max-height:420px}.sticky{position:sticky;top:88px}.sticky label,.stack label{display:block;color:var(--muted);font-size:12px;margin-top:14px}.sticky input{margin-top:5px}.estimate{font:800 34px Manrope;color:var(--brand);margin-top:20px}.source-card dl{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:0}.source-card dd{text-align:right}.empty{padding:30px;text-align:center;color:var(--muted)}.empty.large{margin:50px auto;padding:80px 20px;border:1px dashed var(--line);background:var(--surface)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.provider-card{border:1px solid var(--line);background:var(--surface);padding:22px}.provider-card>img{width:38px;height:38px;margin-bottom:18px}.provider-card h2{font-size:18px;margin:0}.provider-card p{margin:3px 0 18px;color:var(--muted)}.provider-card dl{border-top:1px solid var(--line);padding-top:10px}.provider-card dl div{display:flex;justify-content:space-between;padding:4px 0}.provider-hero{display:flex;align-items:center;gap:22px;padding:65px 0 35px}.provider-hero>img{width:64px;height:64px}.provider-hero div{flex:1}.provider-hero h1{font-size:40px;margin:5px 0}.provider-hero p{color:var(--muted)}.compare-picker{display:flex;gap:10px;margin-bottom:16px}.compare-picker select{max-width:460px}.compare-table th{min-width:190px}.remove{float:right;border:0;background:none;font-size:20px;color:var(--muted);cursor:pointer}.preset-bar{display:flex;align-items:end;gap:10px;background:var(--surface);border:1px solid var(--line);padding:14px;margin-bottom:14px}.preset-bar button{height:40px;border:1px solid var(--line);background:var(--raised);cursor:pointer}.preset-bar label{margin-left:auto;font-size:11px;color:var(--muted)}.preset-bar input{display:block;width:150px}.feature-icon{width:35px;height:35px;color:var(--brand)}
.section-icon{display:inline;vertical-align:middle;margin-right:6px;color:var(--muted)}
.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-top:0;box-shadow:var(--shadow);z-index:50;max-height:360px;overflow-y:auto;border-radius:0 0 10px 10px}.search-dropdown .search-result{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 14px;border-top:1px solid var(--line);align-items:center}.search-dropdown .search-result:hover{background:var(--raised)}.search-dropdown .search-name{font-weight:600;grid-column:1}.search-dropdown .search-dev{font-size:11px;color:var(--muted);grid-column:1}.search-dropdown .search-slug{font-size:11px;color:var(--brand);grid-row:1/3;grid-column:2;text-align:right}.hero-search{border-radius:10px}.hero-search:focus-within+.search-dropdown,.hero-search+.search-dropdown:not([style*='display:none']){border-radius:0 0 10px 10px}.hero-search{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hero-search:focus-within{border-bottom-left-radius:0;border-bottom-right-radius:0}.prose{font-size:15px;margin-bottom:45px}.prose h2{margin-top:28px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--muted);max-width:850px}.prose code{background:var(--raised);padding:2px 5px}.tabs{display:flex;gap:8px;margin-top:20px}.tabs a{border:1px solid var(--line);padding:8px 12px;background:var(--surface);font-weight:700}.timeline article{display:grid;grid-template-columns:190px 1fr;border-top:1px solid var(--line);padding:20px 0}.timeline time{color:var(--muted);font-size:12px}.timeline h2{font-size:16px;margin:0}.timeline p{margin:5px 0}.stack{display:flex;flex-direction:column;gap:4px}.stack input,.stack textarea{margin-top:5px}.stack .button{align-self:start;margin-top:14px}.honeypot{position:absolute!important;left:-9999px}.success{padding:18px;background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green);font-weight:700}footer{max-width:1180px;margin:80px auto 0;border-top:1px solid var(--line);padding:32px 0 45px;display:flex;justify-content:space-between;color:var(--muted)}footer p{font-size:12px}.footer-links{display:flex;gap:20px;font-size:12px}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--surface);padding:20px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu{display:block;margin-left:auto}.site-header{gap:8px}.statbar,.metric-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.detail-layout,.card-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.model-hero{grid-template-columns:auto 1fr}.model-actions{grid-column:1/-1}.preset-bar{flex-wrap:wrap}.preset-bar label{margin-left:0}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1180px)}.hero{padding:55px 0}.hero h1{font-size:42px}.statbar{grid-template-columns:1fr 1fr}.statbar div:nth-child(2){border-right:0}.filters{grid-template-columns:1fr}.model-hero{grid-template-columns:1fr}.provider-mark{width:55px;height:55px}.metric-grid{grid-template-columns:1fr 1fr}.provider-grid{grid-template-columns:1fr}.compare-picker,.hero-actions,.provider-hero{align-items:stretch;flex-direction:column}.timeline article{grid-template-columns:1fr}.footer-links,footer{flex-direction:column}.footer-links{gap:8px}.page-intro h1{font-size:34px}}
@media print{.site-header,footer,.model-actions,.compare-picker,.preset-bar{display:none!important}body{background:#fff;color:#000}.wrap{width:100%}.panel,.table-shell{box-shadow:none;break-inside:avoid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.theme-toggle{position:relative;display:grid;grid-template-columns:24px 24px;align-items:center;width:56px;height:30px;padding:2px;border:1px solid var(--line);border-radius:16px;background:var(--raised);cursor:pointer}.theme-toggle svg{width:16px;height:16px;z-index:1;justify-self:center;color:var(--muted);transition:color .2s}.theme-toggle>span{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.18);transition:transform .2s}.theme-toggle .sun{color:#b76e00}[data-theme=dark] .theme-toggle>span{transform:translateX(26px)}[data-theme=dark] .theme-toggle .sun{color:var(--muted)}[data-theme=dark] .theme-toggle .moon{color:#9eb5ff}.theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);outline-offset:2px}
.sticky select{margin-top:5px;width:100%;background:var(--bg);border:1px solid var(--line);padding:10px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.capability{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:var(--raised);padding:12px}.capability svg{width:18px}.capability.yes svg,.capability.yes strong{color:var(--green)}.capability.no{opacity:.55}.capability.no svg{visibility:hidden}.full-table{overflow:hidden}.feature-dots{font:700 12px ui-monospace;color:var(--brand)}.benchmark-list>div{display:grid;grid-template-columns:1fr auto 90px;align-items:center;gap:18px;border-top:1px solid var(--line);padding:14px 0}.benchmark-list small,.related-list small{display:block;color:var(--muted);font-weight:400}.benchmark-list b{font:800 20px Manrope}.benchmark-list a{font-size:12px;color:var(--brand)}.related-list{display:flex;flex-direction:column}.related-list a{padding:10px 0;border-top:1px solid var(--line);font-weight:700}
.benchmark-charts .benchmark-chart{margin-top:24px}.benchmark-chart-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.benchmark-chart-header strong{font-size:15px}.benchmark-chart-header small{color:var(--muted);font-size:11px}.benchmark-bars{display:flex;flex-direction:column;gap:6px}.benchmark-bar-row{display:grid;grid-template-columns:170px 1fr 52px;align-items:center;gap:12px;padding:4px 0}.benchmark-bar-row.current{background:color-mix(in srgb,var(--brand) 6%,transparent);margin:0 -12px;padding:4px 12px;border-radius:6px}.benchmark-bar-label{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.benchmark-bar-row.current .benchmark-bar-label{color:var(--brand)}.benchmark-bar-track{height:16px;background:var(--raised);border-radius:8px;overflow:hidden}.benchmark-bar-fill{height:100%;background:var(--brand);border-radius:8px;min-width:4px;transition:width .4s ease}.benchmark-bar-row.current .benchmark-bar-fill{background:linear-gradient(90deg,var(--brand),var(--brand2))}.benchmark-bar-score{font-size:12px;font-weight:700;text-align:right;color:var(--muted)}.benchmark-bar-row.current .benchmark-bar-score{color:var(--brand)}
@media(max-width:600px){.capability-grid{grid-template-columns:1fr 1fr}.theme-toggle{width:52px;grid-template-columns:22px 22px}[data-theme=dark] .theme-toggle>span{transform:translateX(22px)}}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:0 2px 8px rgba(16,24,40,.08)}.theme-toggle:hover{border-color:var(--brand);background:var(--raised)}.theme-toggle svg{width:21px;height:21px;color:var(--text);grid-area:1/1;transition:transform .18s}.theme-toggle .sun{display:none;color:#f59e0b}.theme-toggle .moon{display:block;color:#44546a}[data-theme=dark] .theme-toggle .moon{display:none}[data-theme=dark] .theme-toggle .sun{display:block;color:#fbbf24}.theme-toggle:active svg{transform:scale(.88)}
.detail-layout .sticky{position:static}.model-filters{grid-template-columns:1.6fr 1fr .8fr 1.15fr 1.5fr auto}.sort-notice{padding:10px 14px;margin:-4px 0 14px;border-left:3px solid var(--brand);background:var(--surface);color:var(--muted)}tr[data-href]{cursor:pointer}tr[data-href]:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
@media(max-width:900px){.model-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.model-filters{grid-template-columns:1fr}.theme-toggle{width:40px}}
.verification{display:inline-block;margin-top:4px;font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.verification.verified{color:var(--green)}
.theme-toggle .moon{fill:currentColor;stroke:none}
.mini-json{position:absolute;z-index:8;max-width:360px;max-height:260px;margin:6px 0;padding:10px;background:#0d1420;color:#d7e1ef;box-shadow:var(--shadow);overflow:auto;font:11px/1.5 ui-monospace,monospace}summary{cursor:pointer;color:var(--brand);font-size:12px}
.source-list{display:flex;flex-direction:column;margin-top:16px;max-height:320px;overflow:auto}.source-list a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.source-list small{color:var(--muted);text-align:right}
@media(max-width:1150px){.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--surface);padding:20px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu{display:block;margin-left:auto}}
.benchmark-score{font:800 17px Manrope;color:var(--brand)}
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none}.theme-toggle:hover{border:0;background:var(--raised);box-shadow:none}.theme-toggle:focus,.theme-toggle:focus-visible{outline:0;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.theme-toggle svg{width:20px;height:20px}.theme-toggle:active svg{transform:scale(.9)}
.cost-calculator label{display:block;margin-top:14px;color:var(--muted);font-size:12px}.cost-calculator input,.cost-calculator select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);outline:0}.cost-calculator input:focus,.cost-calculator select:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 15%,transparent)}.cost-calculator .estimate{margin-top:22px}.cost-calculator>small{display:block;margin-top:4px;color:var(--muted)}
.full-table .table-shell{overflow:visible}.provider-offers{min-width:0;table-layout:fixed}.provider-offers th,.provider-offers td{padding:10px 8px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.provider-offers th:nth-child(1){width:17%}.provider-offers th:nth-child(2){width:18%}.provider-offers th:nth-child(3){width:10%}.provider-offers th:nth-child(4),.provider-offers th:nth-child(5),.provider-offers th:nth-child(6){width:11%}.provider-offers th:nth-child(7){width:9%}.provider-offers th:nth-child(8){width:10%}.source-list{max-height:none;overflow:visible}
.theme-toggle,.theme-toggle:hover,.theme-toggle:focus,.theme-toggle:focus-visible{border:0;outline:0;background:transparent;box-shadow:none}.theme-toggle:hover svg{color:var(--brand)}
.code-block{position:relative}.copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:11px;font-weight:600;background:rgba(255,255,255,.1);color:#9aa6b6;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .15s}.copy-btn:hover{background:rgba(255,255,255,.18);color:#fff}.copy-btn.copied{background:var(--green);color:#fff;border-color:var(--green)}