main :is(.phero,.rhero,.allhero,.refhero,.thero){--surface-radius:16px}main .phero .inner{text-align:left;align-items:flex-start;gap:1.15rem;padding-block:2.5rem}main .phero .inner.illustrated{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem}main .phero :is(.disp,.illustrated .disp),main .rhero .disp{font:800 clamp(2.1rem,3.9vw,3.5rem)/1.1 var(--font-ui);letter-spacing:-.045em;text-transform:none}main .phero .desc{max-width:43rem;font-size:1rem;line-height:1.7}main .phero .facts{background:var(--panel);border-color:var(--border-strong);border-radius:12px}main .phero .facts dd{font-family:var(--font-ui);font-size:1.35rem;font-weight:750}main .phero .gridlayer,main .rhero .gridlayer{opacity:.35}main .phero .page-artwork{justify-self:end;max-width:31rem;margin:0}main .phero .page-artwork img{object-fit:contain;max-height:18rem}main .thero.mid-hero .thero-in{gap:1rem;padding-block:2.4rem}main .thero.mid-hero .thero-in>*{max-width:53%}main .thero.mid-hero .disp{font:800 clamp(2.2rem,3.8vw,3.4rem)/1.08 var(--font-ui);letter-spacing:-.045em;text-transform:none}main .thero.mid-hero .desc{font-size:.95rem;line-height:1.75}main .thero.mid-hero .thero-art{inset:2rem max(2rem,calc((100vw - var(--container))/2 + 2rem)) 2rem 61%;opacity:.85;border-radius:16px;animation:none;transform:none}main .thero.mid-hero .thero-art:after{background:0 0}main .thero.mid-hero .thero-art img{object-fit:cover;filter:none}:root[data-theme=dark] main .thero.mid-hero .thero-art img{filter:brightness(.7)}main .allhero .allhero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1rem 2.5rem;padding-block:2.2rem;display:grid}main .allhero :is(.crumb,h1,.deck,.allstats){grid-column:1;margin:0}main .allhero .crumb{grid-row:1}main .allhero h1{font:800 clamp(2rem,3.8vw,3.3rem)/1.08 var(--font-ui);text-transform:none;letter-spacing:-.04em;grid-row:2}main .allhero .deck{grid-row:3;max-width:38rem;font-size:1rem;line-height:1.7}main .allhero .allstats{flex-wrap:wrap;grid-row:4;gap:1.5rem;display:flex}main .allhero .allstats dd{font:750 1.8rem/1.2 var(--font-ui)}main .allhero .page-artwork{grid-area:1/2/5;place-self:center end;width:100%;max-width:30rem;margin:0}main .allhero .page-artwork img{object-fit:contain;max-height:15rem}main .allhero :is(.spectrum,.splegend){grid-column:1/-1}main .mid{gap:2.3rem;padding-top:1.6rem}main .mid :is(.panelbox,.idcard,.constellation){border-color:var(--border-strong);background:var(--panel);border-radius:14px}main .mid:not(.compare-workspace) .shead h2,main .mid .idcard-head :is(h1,h2){font-family:var(--font-ui);letter-spacing:-.025em;text-transform:none;font-weight:750;line-height:1.25}main .mid:not(.compare-workspace) .shead h2{font-size:1.35rem}main .mid .idcard-head :is(h1,h2){font-size:clamp(1.5rem,2.5vw,2.3rem)}main .mid .searchwrap{background:var(--bg1);border-color:var(--border-strong);border-radius:12px;min-height:48px}main .mid .searchwrap input,main .mid-hero .searchwrap input{min-width:0;font-size:16px}main .mid :is(.dir-row,.nb-row,.allrow){background:var(--panel);border-color:var(--border);border-radius:10px;padding:.9rem 1rem}main .mid .evtable{table-layout:fixed;width:100%;max-width:100%}main .mid .evtable :is(td,th){overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.65}main .mid .evtable td.sig{white-space:normal;overflow-wrap:anywhere}main .mid :is(button.fchip,a.fchip,.pbtn){border-radius:8px;min-height:40px;line-height:1.4}main .mid .cmp-verdict{text-align:left;border-left:3px solid var(--c-ai);justify-items:stretch;padding:1.4rem}main .mid .cmp-verdict .big{font-family:var(--font-ui);text-transform:none;letter-spacing:-.025em;font-size:clamp(1.3rem,2.1vw,2rem);font-weight:750;line-height:1.25}main .mid .vpill{white-space:normal;justify-self:start}main .refhero .hgrid{gap:2.5rem;padding-block:2.4rem}main .refhero .htitle{letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.12}main .refhero .hstats{border:0;flex-wrap:wrap;gap:.75rem}main .refhero .hstats>div{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem}main .refhero .hs-val{font:750 1.3rem var(--font-ui)}main .refhero :is(.artframe,.bannerplate){border-radius:14px;transform:none}main .ref :is(.statstrip .stat){background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}main .ref .statstrip .stat-val{font:750 clamp(1.3rem,2vw,1.8rem)/1.25 var(--font-ui);letter-spacing:-.035em;overflow-wrap:anywhere}main .ref .statstrip .stat-sub{font:500 .72rem/1.5 var(--font-ui);letter-spacing:0;color:var(--tx2);margin-top:.25rem;display:block}main .ref .statstrip .stat-label{margin-top:.4rem;font-size:.62rem;line-height:1.5}main .toolsec .tool{border:1px solid var(--border-strong);background:var(--panel);color:var(--tx1);box-shadow:var(--shadow-card);border-radius:16px}main .toolsec .tool :is(.toolbg,.glare,.sheen,.runner){display:none}main .toolsec .tool .name{color:var(--tx1);font-family:var(--font-ui);letter-spacing:-.025em;font-weight:750}main .toolsec .tool .big{color:var(--desk-t,var(--brand-t));font:800 2.8rem/1.1 var(--font-ui);letter-spacing:-.05em;text-shadow:none}main .toolsec .tool :is(.desc-line,.big-label,.tag){color:var(--tx2)}main .toolsec .tool .go{color:var(--desk-t,var(--brand-t))}main .toolsec .tool .glyph{color:var(--desk-t,var(--brand-t));background:color-mix(in srgb,var(--desk,var(--brand)) 10%,transparent);box-shadow:none}main .rhero .rh-in{padding-block:2.5rem}main .rbody .rgrid{gap:1.2rem}main .rbody .rcard{border:1px solid var(--border-strong);background:var(--panel);box-shadow:none;border-radius:14px}main .rbody .rbody-in{padding:1.1rem}main .rbody .rname{letter-spacing:-.015em;font-size:1rem}main .gwrap .gconsole{border-color:var(--border-strong);background:var(--panel);box-shadow:0 4px 20px -14px var(--tx3);border-radius:14px}main .gwrap #g-q{min-height:48px;font-size:16px}main .gwrap .alpha{border-radius:10px;gap:.15rem}main .gwrap .alpha a{place-items:center;min-height:36px;display:grid}main .gwrap .g-letter{font-family:var(--font-ui);font-size:1.5rem;font-weight:750}main .gwrap .g-terms .entry{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:.55rem .8rem;line-height:1.5}main .page:has(#cost-form) h1,main .page:has(.tiers) h1{letter-spacing:-.04em;max-width:50rem;line-height:1.15;font-family:var(--font-ui)}main .cost-form{background:var(--panel);border:1px solid color-mix(in srgb,var(--c-ai) 30%,var(--border));box-shadow:var(--shadow-card);border-radius:16px}main .cost-form :is(input,select,textarea){border-color:var(--border-strong);background:var(--bg1);border-radius:8px;min-height:46px}.cost-explainer{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-block:1.1rem}.cost-explainer summary{cursor:pointer;min-height:44px;padding:.85rem 1rem;font-size:.85rem;font-weight:650}.cost-explainer>.prose{padding:0 1rem 1rem}.cost-intro{max-width:46rem;color:var(--tx2);margin-block:.8rem 1.3rem;font-size:1rem}.model-picker{min-width:0;position:relative}.model-picker-field{border:1px solid var(--border-strong);background:var(--bg1);border-radius:9px;align-items:center;gap:.55rem;min-height:52px;padding:0 .75rem;display:none;position:relative}.model-picker.is-enhanced>select{display:none!important}.model-picker.is-enhanced>.model-picker-field{display:flex}.model-picker-field:focus-within{border-color:var(--c-ai);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-ai) 13%,transparent)}.model-picker-field>svg{color:var(--tx3);flex-shrink:0}.model-picker .model-picker-field input{width:100%;min-width:0;color:var(--tx1);font:500 .84rem/1.5 var(--font-ui);text-overflow:ellipsis;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:.75rem 0}.model-picker input::-webkit-search-cancel-button{display:none}.model-picker-clear{min-width:30px;min-height:36px;color:var(--tx2);flex-shrink:0;font-size:1.25rem}.model-picker.is-open{z-index:45}.model-picker-panel{z-index:50;background:var(--bg1);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);max-height:var(--picker-space,370px);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.model-picker-panel[hidden],.model-picker-clear[hidden]{display:none!important}.model-picker.opens-up .model-picker-panel{top:auto;bottom:calc(100% + 8px)}.model-picker-count{color:var(--tx3);border-bottom:1px solid var(--border);padding:.65rem .85rem;font-size:.68rem;line-height:1.5}.model-picker-options{overscroll-behavior:contain;min-height:0;scroll-padding:.4rem;overflow:auto}.model-picker-options button{text-align:left;border-bottom:1px solid var(--border);width:100%;min-height:54px;color:var(--tx1);overflow-wrap:anywhere;background:0 0;gap:.2rem;padding:.75rem .85rem;line-height:1.4;display:grid}.model-picker-options button strong{font-size:.8rem;font-weight:650}.model-picker-options button small{font-family:var(--font-mono);color:var(--tx3);font-size:.61rem}.model-picker-options button:is(:hover,.is-active){background:color-mix(in srgb,var(--c-ai) 11%,var(--bg1))}.model-picker-options button[aria-selected=true]{border-left:3px solid var(--c-ai)}main .mid .api-comparison{table-layout:fixed;width:100%;min-width:0;max-width:100%;font-family:var(--font-ui)}main .mid .api-comparison thead th:first-child{width:18%}main .mid .api-comparison thead th:nth-child(2),main .mid .api-comparison thead th:nth-child(3){width:35%}main .mid .api-comparison thead th:nth-child(4){width:12%}main .mid .api-comparison :is(td,th){white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left;min-width:0;max-width:none;padding:.9rem .85rem;line-height:1.65}main .mid .api-comparison tbody th{font:650 .78rem/1.6 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--tx1);background:0 0}main .mid .api-comparison tbody td{font:.8rem/1.65 var(--font-ui);color:var(--tx2)}.model-value-tags{flex-wrap:wrap;gap:.35rem;max-width:100%;display:flex}.model-value-tags>span{background:color-mix(in srgb,var(--c-ai) 6%,var(--panel));border:1px solid var(--border);max-width:100%;font:.67rem/1.55 var(--font-mono);overflow-wrap:anywhere;white-space:normal;border-radius:5px;padding:.15rem .4rem;display:inline-block}.model-value-fields{gap:.55rem;max-width:100%;margin:0;display:grid}.model-value-fields>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.55rem;min-width:0;padding-bottom:.4rem;display:grid}.model-value-fields dt{color:var(--tx2);overflow-wrap:anywhere;font-size:.7rem;font-weight:650}.model-value-fields dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.76rem}.model-value-fields .model-value-fields>div{grid-template-columns:minmax(0,1fr)}.model-number{font-variant-numeric:tabular-nums;color:var(--tx1);font-weight:650}.model-number small,.model-value-muted{color:var(--tx3);font-size:.72rem;font-weight:400}.model-defaults h3{font:650 .8rem var(--font-ui);margin:0 0 .7rem}.model-defaults .model-value-fields{border:1px solid var(--border);background:var(--bg0);border-radius:8px;padding:.8rem}@media (width<=800px){main .phero .inner,main .phero .inner.illustrated{grid-template-columns:minmax(0,1fr);gap:1.1rem;padding-block:1.6rem}main .phero .hero-copy{gap:.9rem}main .phero :is(.disp,.illustrated .disp),main .rhero .disp{font-size:2.1rem}main .phero .page-artwork{justify-self:start;max-width:24rem}main .thero.mid-hero .thero-in{padding-block:1.7rem}main .thero.mid-hero .thero-in>*{max-width:100%}main .thero.mid-hero .thero-art{display:none}main .thero.mid-hero .disp{font-size:2.2rem}main .allhero .allhero-in{grid-template-columns:minmax(0,1fr);gap:.85rem;padding-block:1.5rem}main .allhero .page-artwork{display:none}main .allhero :is(.crumb,h1,.deck,.allstats,.spectrum,.splegend){grid-area:auto/1}main .allhero .allstats{gap:1.3rem}main .allhero .allstats dd{font-size:1.6rem}main .mid{gap:1.7rem}main .mid :is(button.fchip,a.fchip,.pbtn){min-height:44px}main .refhero .hgrid{gap:1.5rem;padding-block:1.7rem}main .refhero .hstats>div{padding:.65rem .75rem}main .ref .statstrip .stat{padding:.75rem}main .ref .statstrip .stat-val{font-size:1.25rem}main .gwrap .alpha{justify-content:flex-start;overflow-x:auto}main .gwrap .alpha a{min-width:36px;min-height:44px}main .gwrap .g-terms .entry{min-height:44px}.model-picker .model-picker-field input{font-size:16px}.model-picker-clear{min-width:36px;min-height:44px}}@media (width<=700px){main .mid .api-comparison,main .mid .api-comparison tbody{width:100%;display:block}main .mid .api-comparison thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main .mid .api-comparison tbody tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.75rem .5rem;display:grid}main .mid .api-comparison tbody th{border:0;grid-column:1/-1;padding:.25rem .4rem;font-size:.85rem;display:block}main .mid .api-comparison tbody td{background:var(--panel);border:0;border-radius:6px;padding:.5rem .4rem;font-size:.75rem;display:block}main .mid .api-comparison tbody td[data-model]:before{content:attr(data-model);color:var(--c-ai-t,var(--c-ai));overflow-wrap:anywhere;margin-bottom:.65rem;font-size:.65rem;font-weight:700;line-height:1.5;display:block}main .mid .api-comparison tbody td:last-child{background:0 0;grid-column:1/-1;padding:.2rem .4rem;font-size:.7rem}.model-value-fields>div{grid-template-columns:minmax(0,1fr);gap:.15rem}.model-value-tags>span{padding:.15rem .3rem;font-size:.61rem}}@media (prefers-reduced-motion:reduce){.model-picker *,main .toolsec .tool{scroll-behavior:auto;transition:none;animation:none}}main .thero:not(.mid-hero) .disp{font-family:var(--font-ui);letter-spacing:-.04em;text-transform:none;font-size:clamp(2rem,3.8vw,3.4rem);font-weight:800;line-height:1.12}main .thero.compact .thero-in{padding-block:1.7rem}main .ihero .disp{font-family:var(--font-ui);letter-spacing:-.045em;text-transform:none;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:800;line-height:1.1}main .ihero .inner{padding-block:2.5rem}main .board .filters{border:1px solid var(--border-strong);background:var(--panel);border-radius:14px;gap:.8rem;padding:1rem}main .board .filters :is(input,select){border-color:var(--border-strong);border-radius:8px;min-height:46px;font-size:16px}main .page:has(.tiers){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.85rem 2rem;display:grid}main .page:has(.tiers)>.pill{grid-column:1;justify-self:start}main .page:has(.tiers)>h1{grid-column:1;margin:0;font-size:clamp(2rem,3.5vw,3rem)}main .page:has(.tiers)>.page-hero{object-fit:contain;border-radius:14px;grid-area:1/2/4;align-self:start;width:100%;max-height:16rem;margin:0}main .page:has(.tiers)>.prose{grid-column:1/-1;max-width:none}main .page:has(.tiers)>.prose>:is(p,ul,ol,h2,h3){max-width:46rem}.api-quick-plans{grid-column:1;gap:.6rem;margin-block:.5rem 1.2rem;display:grid}.api-quick-plans a{background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;min-height:48px;padding:.75rem 1rem;display:flex}.api-quick-plans a:first-child{background:var(--c-ai-t,var(--c-ai));color:#fff;border-color:#0000}.api-quick-plans strong{font-size:.82rem;font-weight:700}.api-quick-plans small{white-space:nowrap;font-size:.72rem}main .tiers{table-layout:fixed;border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:100%;overflow:hidden}main .tiers :is(td,th){white-space:normal;overflow-wrap:anywhere;min-width:0;padding:.85rem;line-height:1.6}@media (width<=800px){main .page:has(.tiers){grid-template-columns:minmax(0,1fr)}main .page:has(.tiers)>.page-hero{grid-area:auto/1;max-height:13rem;margin-bottom:1rem}.api-quick-plans{grid-column:1}.api-quick-plans a{flex-wrap:wrap;gap:.3rem}.api-quick-plans small{white-space:normal}main .ihero .inner{padding-block:1.5rem}main .tiers :is(td,th){padding:.5rem;font-size:.75rem}}main .tpage{gap:1.3rem;max-width:52rem;padding-block:2rem 3.5rem}main .tpage .thead h1{font:800 clamp(2rem,3.8vw,3.1rem)/1.12 var(--font-ui);letter-spacing:-.04em}main .tpage .tdef{border:1px solid var(--border-strong);border-left:3px solid var(--desk-t,var(--brand));background:var(--panel);border-radius:12px;padding:1.4rem 1.5rem;font-size:1.08rem;line-height:1.8}main .tpage .tblock h2{font:750 1.15rem var(--font-ui);letter-spacing:-.02em;margin-bottom:1rem}main .tpage .rterm{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:.6rem .8rem;line-height:1.5}main .trec .trec-head{border-color:var(--border-strong);border-radius:16px;padding:1.4rem}main .trec .trec-title{font:750 clamp(1.7rem,3.2vw,2.6rem)/1.2 var(--font-ui);letter-spacing:-.03em;text-transform:none}main .trec .facts .fact{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}main .trec .facts dd{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:1.2rem;line-height:1.4}main .exhub .hero{padding-block:1rem}main .exhub .hero-title{font-family:var(--font-ui);letter-spacing:-.04em;font-size:clamp(2.3rem,3.9vw,3.5rem);font-weight:800;line-height:1.1}main .exhub .artframe{box-shadow:var(--shadow-card);border-radius:14px;transform:none}main .exhub .ccard{border-color:var(--border-strong);border-radius:14px}@media (width<=800px){main:has(.gwrap,.toolsec,.board) .phero .page-artwork{display:none}main .tpage .tdef{padding:1rem;font-size:1rem}main .tpage{padding-top:1.5rem}main .exhub .hero-title{font-size:2.3rem}}main .thero.mid-hero .thero-art{aspect-ratio:16/9;height:auto;top:50%;bottom:auto;transform:translateY(-50%)}main .thero.mid-hero .thero-art img{object-fit:contain;width:100%;height:100%}main .allhero .page-artwork img{aspect-ratio:16/9;object-fit:contain;height:auto;max-height:none}main .board .cards{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr))}main .board .card{min-width:0;max-width:100%}
