.model-grid,.model-method-grid{gap:var(--site-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.model-card{--model-glow:#b6dedb;--model-halo:#b6dedb26;isolation:isolate;min-width:0;min-height:248px;padding:var(--site-space-6);background:#182523;border:1px solid #ffffff29;border-radius:24px;transition:border-color .24s,box-shadow .24s,transform .24s;position:relative;overflow:hidden}.model-card[data-provider=Anthropic]{--model-glow:#e8c4a5;--model-halo:#e8c4a526}.model-card[data-provider=NVIDIA]{--model-glow:#c8e4a9;--model-halo:#c8e4a926}.model-card[data-provider=Moonshot\ AI],.model-card[data-provider=DeepSeek]{--model-glow:#b4c6f4;--model-halo:#b4c6f426}.model-card[data-featured=true]{border-color:color-mix(in srgb, var(--model-glow) 42%, transparent)}.model-card-relief{z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 105% -10%, #ecf4e821 0, #e4e9f409 12px, #050d203d 26px, #202e3210 40px, #ecf4e821 48px), radial-gradient(ellipse at 88% 18%, color-mix(in srgb, var(--model-glow) 42%, transparent), transparent 70%), linear-gradient(150deg, #43456e, #415f5f 56%, #9d7563);position:absolute;inset:0;-webkit-mask-image:linear-gradient(130deg,#0000 28%,#0004 48%,#000 78%);mask-image:linear-gradient(130deg,#0000 28%,#0004 48%,#000 78%)}.model-card-top{justify-content:space-between;align-items:center;gap:var(--site-space-3);margin-bottom:var(--site-space-8);display:flex}.model-card-brand,.model-docs{align-items:center;gap:var(--site-space-2);font-size:14px;display:inline-flex}.model-card-brand img,.model-docs svg{flex-shrink:0}.model-docs{min-height:44px;color:var(--nw-text-primary);text-decoration:none}.model-card h3{margin:0 0 var(--site-space-4);text-wrap:balance;font-size:26px;line-height:1.2}.model-card>p{color:#dae2df;margin:0;font-size:16px}.models-page .model-result-count{font-size:14px}.model-card:focus-within{border-color:var(--model-glow);box-shadow:0 0 32px var(--model-halo)}.model-docs:focus-visible{outline:2px solid var(--model-glow);outline-offset:4px}@media (hover:hover) and (pointer:fine){.model-card:hover{border-color:var(--model-glow);box-shadow:0 0 24px var(--model-halo);transform:translateY(-4px)}.model-card[data-featured=true]:hover,.model-card[data-featured=true]:focus-within{box-shadow:0 0 40px 4px color-mix(in srgb, var(--model-glow) 28%, transparent), inset 0 0 24px var(--model-halo)}.model-docs:hover{text-underline-offset:4px;text-decoration:underline}}.model-benchmark-grid{gap:var(--site-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.model-benchmark-card{--chart-color:#b6edce;min-width:0;padding:var(--site-space-8);background:linear-gradient(140deg,#24352f,#15231f 72%);border:1px solid #ffffff24;border-radius:24px;margin:0}.model-benchmark-card[data-tone="1"]{--chart-color:#b8cbf7;background:linear-gradient(140deg,#303844,#192227 72%)}.model-benchmark-card[data-tone="2"]{--chart-color:#f0cfaf;background:linear-gradient(140deg,#3d3436,#231f24 72%)}.model-benchmark-card[data-featured=true]{gap:var(--site-space-8) var(--site-space-12);grid-column:1/-1;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;display:grid}.model-benchmark-card figcaption{gap:var(--site-space-2);margin-bottom:var(--site-space-6);flex-direction:column;display:flex}.model-benchmark-card figcaption h3{margin:0 0 var(--site-space-4);font-size:28px}.model-benchmark-card figcaption strong{color:var(--chart-color);font-size:16px;font-weight:500}.model-benchmark-card figcaption>span{color:var(--nw-muted);font-size:14px}.model-chart-plot table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.model-chart-plot tbody tr{height:calc(var(--site-space-16) + var(--site-space-6))}.model-chart-plot th{text-align:left;width:42%;padding:var(--site-space-3) var(--site-space-3) var(--site-space-3) 0;font-weight:400;line-height:1.4}.model-chart-plot th span{color:var(--nw-muted);margin-top:var(--site-space-1);font-size:14px;display:block}.model-score{align-items:center;gap:var(--site-space-2);display:flex}.model-score>strong{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:16px;font-weight:600}.model-score-track{background:#ffffff0a;border-radius:4px;flex:1;height:16px;display:block;overflow:hidden}.model-score-track>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--chart-color) 50%, #53606b), var(--chart-color));height:100%;display:block}.model-score-axis{margin:var(--site-space-3) 60px 0 42%;color:var(--nw-muted);justify-content:space-between;font-size:14px;display:flex}.model-benchmark-source{min-height:44px;margin-top:var(--site-space-4);color:var(--nw-muted);grid-column:1/-1;justify-self:start;align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.model-benchmark-source:hover,.model-benchmark-source:focus-visible{text-underline-offset:4px;text-decoration:underline}.model-method-grid article{min-width:0}.model-method-grid h3{margin:var(--site-space-8) 0 var(--site-space-4);font-size:24px}.model-method-grid p{margin:0}.model-method-visual{place-items:center;height:224px;display:grid}.model-method-visual svg{color:currentColor;flex-shrink:0;margin:0}.model-task-demo,.model-balance-demo,.model-context-demo{width:100%;max-width:280px;font-size:14px}.model-demo-brief,.model-context-demo{background:#ffffff0c;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 16px 32px #0002}.model-demo-brief{justify-content:center;align-items:center;gap:var(--site-space-3);padding:var(--site-space-4);display:flex}.model-demo-brief svg{color:#b4eaca}.model-demo-branches{justify-content:space-around;height:32px;display:flex}.model-demo-branches span{background:linear-gradient(#b4eaca80,#b4eaca18);width:1px}.model-demo-outputs{gap:var(--site-space-3);grid-template-columns:repeat(3,1fr);display:grid}.model-demo-outputs>div{justify-items:center;gap:var(--site-space-3);padding:var(--site-space-3);background:#ffffff0b;border:1px solid #ffffff26;border-radius:12px;animation:5s infinite model-output-ready;display:grid}.model-demo-lines{background:repeating-linear-gradient(#0000 0 5px,#ffffff36 5px 7px);width:100%;height:16px}.model-demo-check{color:#21372c;background:#b4eaca;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.model-balance-demo{align-items:center;gap:var(--site-space-5);display:flex}.model-balance-dial{justify-content:center;align-items:center;gap:var(--site-space-2);background:#b7cef211;border:8px solid #b7cef2;border-color:#b7cef2 #b7cef22b #b7cef269 #b7cef2;border-radius:50%;flex-direction:column;flex:0 0 128px;height:128px;display:flex}.model-balance-dial>span{font-size:14px}.model-balance-metrics{gap:var(--site-space-4);flex:1;display:grid}.model-balance-metrics i{height:8px;margin-top:var(--site-space-2);transform-origin:0;background:#bddbb5;border-radius:4px;animation:6s ease-in-out infinite alternate model-priority-shift;display:block}.model-balance-metrics div:nth-child(2) i{background:#b7cef2;animation-delay:-2s}.model-balance-metrics div:nth-child(3) i{background:#ebc9a8;animation-delay:-4s}.model-context-demo{padding:var(--site-space-4)}.model-context-demo>div{align-items:center;gap:var(--site-space-3);padding:var(--site-space-3) 0;display:flex}.model-context-demo>div+div{border-top:1px solid #ffffff1a}.model-context-demo>div>svg:last-child{color:#b4eaca;margin-left:auto;animation:5s infinite model-output-ready}.model-context-demo>div:nth-child(3)>svg:last-child{animation-delay:.5s}.model-context-demo>div:nth-child(4)>svg:last-child{animation-delay:1s}.model-context-top>svg{color:#ebc9a8}.model-method-visual[data-paused=true] *{animation-play-state:paused}@keyframes model-output-ready{0%,16%,to{opacity:.5}30%,82%{opacity:1}}@keyframes model-priority-shift{0%{transform:scaleX(.55)}to{transform:scaleX(1)}}@media (max-width:1000px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-method-grid{grid-template-columns:1fr}.model-method-grid article{column-gap:var(--site-space-8);grid-template-columns:1fr 1fr;display:grid}.model-method-visual{grid-row:1/3}.model-method-grid h3{align-self:end}}@media (max-width:700px){.model-benchmark-grid{grid-template-columns:1fr}.model-benchmark-card[data-featured=true]{display:block}.model-benchmark-card{padding:var(--site-space-6)}.model-grid{grid-template-columns:1fr}.model-method-grid article{display:block}}@media (prefers-reduced-motion:reduce){.model-card{transition:none}.model-method-visual *{animation:none}}
